imported>=海豚= |
imported>Irukaza |
第1行: |
第1行: |
| /* 放置于这里的CSS将影响使用移动版网站的用户 */
| | <div id="scrollDiv"><ul> |
| @media screen and (max-width: 640px) {
| | <li>[[特殊: 分类内随机/ 优质条目|不知道接下来该看什么?]]可以去查阅本站 的[[:分类: 优质条目|优质条目]] >< | {{color|orangered|H萌娘衷心希望世界新型冠状病毒肺炎疫情早日结束!}}</li> |
| body {
| | <li><span style="font-style:bold;color:red"> 如果您在H萌娘上发现某些内容错误/ 空缺,请勇于修正/ 添加!编辑H萌娘其实很容易!</span></li> |
| font-size: small;
| | <li> 有任何意见、建议、求助都可以在 [[H萌娘 讨论: 讨 论 版|'''讨 论 版''']] 提出!</li> |
| }
| | <li>连接不稳,加载缓慢?请参见帮助界 面 [[帮助: 如何访问H萌娘|如何访问H萌娘]] 寻求解决方案</li> |
| .wikitable,
| | <li>{{color|orangered|上月网站数据信息出炉}} ,你可以[https://www.similarweb.com/zh/website/hmoegirl.com 戳此查看H萌娘访问数据分析报告] !( 不含APP数据)</li> |
| .infobox {
| | </ul> |
| font-size: x-small
| | </div> |
| }
| | {{NoReferer}} |
| }
| |
| /* 懒加载渐入 */
| |
| .lazyload,
| |
| .lazyloading {
| |
| opacity: 0;
| |
| }
| |
| .lazyloaded {
| |
| opacity: 1;
| |
| transition: opacity 300ms;
| |
| }
| |
| /* 导航菜单样式 */
| |
| nav ul li a {
| |
| box-shadow: inset 0 0 0 #F4C430;
| |
| transition: all 0.1s ease-in !important;
| |
| }
| |
| nav ul li a:hover {
| |
| box-shadow: inset 7px 0 0 #F4C430;
| |
| }
| |
| nav .mw-parser-output ul li a {
| |
| font-weight: bold;
| |
| line-height: 1.857;
| |
| }
| |
| nav .mw-parser-output ul li a > i {
| |
| margin-right: 0.76em;
| |
| font-size: 1.4em;
| |
| vertical-align: middle;
| |
| width: 24px;
| |
| text-align: center;
| |
| }
| |
| /* 隐藏登录后 的 首页欢迎语 */ | |
| body.page-Main_Page.is-authenticated .pre-content {
| |
| display: none !important;
| |
| }
| |
| /* 黑幕 */
| |
| .heimu, .heimu a, a .heimu, .heimu a.new {
| |
| background-color: #252525;
| |
| color: #252525;
| |
| text-shadow: none;
| |
| }
| |
| .heimu:hover, .heimu:active,
| |
| .heimu:hover .heimu, .heimu:active .heimu {
| |
| color: white !important;
| |
| }
| |
| .heimu:hover a, a:hover .heimu,
| |
| .heimu:active a, a:active .heimu {
| |
| color: lightblue !important;
| |
| } | |
| .heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
| |
| .heimu:active .new, .heimu .new:active, .new:active .heimu {
| |
| color: #BA0000 !important;
| |
| } | |
| /* 目录样式 */
| |
| .client-js .toc-mobile {
| |
| background-color: #F5F5F5 !important;
| |
| border: solid 0px transparent !important;
| |
| border-left: 4px solid #f4c430 !important;
| |
| }
| |
| /* 页顶提示模板相关 */
| |
| #commonBoxInfo {
| |
| color: #f00;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
| #commonBoxList > .commonBoxButton {
| |
| display: inline-block;
| |
| border-bottom: 3px solid #000;
| |
| width: 40px;
| |
| height: 40px;
| |
| background: #fff 50% 50% no-repeat;
| |
| background-size: contain;
| |
| cursor: pointer;
| |
| transition: opacity .5s;
| |
| }
| |
| #commonBoxList.open > .commonBoxButton {
| |
| opacity: .1;
| |
| }
| |
| #commonBoxList.open > .commonBoxButton.current {
| |
| opacity: 1;
| |
| }
| |
| /* info类模板 */ | |
| .infobox {
| |
| margin:0 auto;
| |
| }
| |
| .infobox2 {
| |
| margin-top: 0.4em ;
| |
| margin-left: 1em;
| |
| padding: 0.2em;
| |
| float: right;
| |
| clear: right;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 4px;
| |
| overflow: hidden;
| |
| }
| |
| .infoBoxTitle {
| |
| margin: 3px auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| font-weight: 700;
| |
| }
| |
| .infoBoxIcon {
| |
| display: table-cell;
| |
| padding: 2px 0 2px .5em;
| |
| vertical-align: middle;
| |
| }
| |
| .infoBoxText {
| |
| display: table-cell;
| |
| padding: .25em .5em .25em 1.3em;
| |
| width: 100%;
| |
| vertical-align: middle;
| |
| }
| |
| .infoBoxContent {
| |
| padding: 0.6em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .infoBoxBelow {
| |
| margin: 0 auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| }
| |
| .infoBoxYellow {
| |
| padding: 0.5em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .infoBoxRed {
| |
| padding: 0.5em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .infoBoxBlue {
| |
| padding: 0.3em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .infoBoxPurple {
| |
| padding: 0.5em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .infoBoxGreen {
| |
| padding: 0.3em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .infoBoxOrange {
| |
| padding: 0.5em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 5px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| /* 通知样式 */ | |
| .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
| |
| background: transparent !important;
| |
| }
| |
| .overlay-header h2 > * {
| |
| color:#333 !important;
| |
| }
| |
| .notification-count {
| |
| background: transparent !important;
| |
| }
| |
| /* 隐藏移动端页面底部的 讨论 按钮 */
| |
| .talk {
| |
| display: none !important;
| |
| }
| |
| /* 界面底部样式 */
| |
| .minerva-footer {
| |
| background-image: linear-gradient(-45deg,#f4c430 10px,transparent 11px);
| |
| }
| |
| /*热门评 论*/
| |
| .comment-container-top>div:not(.comment-thread) {
| |
| background-color: #f4c430 !important;
| |
| color: white !important;
| |
| font-weight: bolder !important;
| |
| }
| |
| .comment-thread.comment-popular {
| |
| background-color: #FFFAF0 !important;
| |
| }
| |
| /* 评 论 边距 */
| |
| .comment-container-top,
| |
| .comment-container {
| |
| margin-left: 2% !important;
| |
| margin-right: 2% !important;
| |
| }
| |
| /* 缩小显示表格 */
| |
| table.scaletable {
| |
| transform: scale(0.5);
| |
| transform-origin: top left;
| |
| width: 200% !important;
| |
| }
| |
| /* 表格MD化 */
| |
| table.wikitable {
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 4px;
| |
| background-color: rgba(251,251,251,0.8) !important;
| |
| overflow: hidden;
| |
| }
| |
| /* 使行宽占满表格 */
| |
| th.fullline,
| |
| td.fullline {
| |
| width: 850px;
| |
| }
| |
| /* 表格使用最小字体 */
| |
| table.wraptable {
| |
| white-space: normal;
| |
| }
| |
| /* 表格内图片设置最小宽度*/
| |
| .wikitable img {
| |
| min-width: 24px;
| |
| }
| |
| /* 修复单元格莫名空行 */
| |
| td {
| |
| vertical-align: middle;
| |
| }
| |
| /* 修复子页 面 列表和common-box宽度不足 */
| |
| .mw-prefixindex-list-table,
| |
| .common-box {
| |
| width: 100%!important;
| |
| }
| |
| /* 侧边栏和替换logo图片隐藏 */
| |
| #sidebar-character,
| |
| #wglogo {
| |
| display: none;
| |
| }
| |
| /* 导航条 */
| |
| #breadcrumb {
| |
| font: bold 18px Arial, Helvetica, sans-serif;
| |
| color: black;
| |
| border: solid 1px rgb(204, 204, 204);
| |
| width: 100%;
| |
| overflow: hidden;
| |
| margin: 0;
| |
| padding: 0 0 .5em 0;
| |
| }
| |
| #breadcrumb span {
| |
| list-style-type: none;
| |
| float: left;
| |
| padding-left: 10px;
| |
| }
| |
| #breadcrumb span:after {
| |
| content: "·"
| |
| }
| |
| #breadcrumb span:last-child:after {
| |
| content: "";
| |
| }
| |
| #breadcrumb a {
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| display: inline-block;
| |
| padding-right: 15px;
| |
| text-decoration: none;
| |
| color: #454545!important;
| |
| }
| |
| .home {
| |
| border: none;
| |
| margin: 8px 0;
| |
| }
| |
| .header-container {
| |
| background-color: #f4c430 !important;;
| |
| }
| |
| | |
| nav ul li a:hover {
| |
| box-shadow: inset 5px 0 0 0 #f4c430;
| |
| text-decoration: none;
| |
| }
| |
| | |
| /* 注释文字 */
| |
| sup.mobileref {
| |
| display:none;
| |
| }
| |
| sup.mobileref:after {
| |
| content: " (" attr(title) ")";
| |
| display: inline;
| |
| }
| |
| /* code 内边距修复 */
| |
| code {
| |
| padding: 3px
| |
| }
| |
| /* Tabs */
| |
| .tab .TabLabelText {
| |
| border-top: 3px solid transparent;
| |
| padding: 1px;
| |
| background: #fff;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| cursor: pointer;
| |
| flex: none;
| |
| }
| |
| .tab .TabLabel {
| |
| z-index: 2;
| |
| position: sticky;
| |
| top: 0;
| |
| -webkit-user-select: none;
| |
| -moz-user-select: none;
| |
| -ms-user-select: none;
| |
| -o-user-select: none;
| |
| user-select: none;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| background-color: white;
| |
| } | |
| .tab .TabLabelText.selected {
| |
| border-top: 3px solid green;
| |
| padding: 1px;
| |
| background: white;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| } | |
| .tab .TabContent {
| |
| background: white;
| |
| padding: 20px 30px;
| |
| position: relative;
| |
| z-index: 1;
| |
| border: 1px solid #aaa;
| |
| }
| |
| .tab .TabContentText {
| |
| display: none;
| |
| }
| |
| .tab .TabContentText.selected {
| |
| display: block;
| |
| }
| |
| .Tabs .Tab {
| |
| border-bottom: 1px solid #aaa;
| |
| }
| |
| .Tabs .Tab:first-child {
| |
| border-top: 1px solid #aaa;
| |
| }
| |
| .Tabs .Tab .TabLabelText {
| |
| padding: 7px;
| |
| }
| |
| .Tabs .Tab .TabContentText {
| |
| padding: 3px;
| |
| }
| |
| /* wikitable green */ | |
| table.wikitable-green {
| |
| background: #c9f6e1
| |
| }
| |
| .wikitable-green th { | |
| background: #13ec93
| |
| }
| |
| .wikitable-green td {
| |
| background: #f3f3f3
| |
| }
| |
| /* wikitable border */ | |
| #content.content table.wikitable {
| |
| border: none;
| |
| }
| |
| /* 大家族模板 */ | |
| .navbox th, .navbox-group { | |
| background: #a5e4a5;
| |
| }
| |
| /* 来个高优先级的 */
| |
| body .content .navbox {
| |
| display: table!important;
| |
| }
| |
| .navbox .content table {
| |
| width: 100% !important;
| |
| }
| |
| .navbox {
| |
| border: 1px solid #aaa;
| |
| clear: both;
| |
| padding: 1px;
| |
| text-align: center;
| |
| width: 100%;
| |
| }
| |
| .navbox-group {
| |
| white-space: nowrap;
| |
| }
| |
| .navbox table {
| |
| width: 100% !important;
| |
| margin: 0 !important;
| |
| }
| |
| .navbox-subgroup .navbox-group {
| |
| background: #e6f6e6;
| |
| }
| |
| .navbox-title > div:first-of-type {
| |
| display: none;
| |
| }
| |
| /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
| |
| Address alignment issue of nested tabs in Navbox */
| |
| .navbox .TabLabel {
| |
| text-align: left;
| |
| }
| |
| @media screen and (max-width: 640px) {
| |
| .navbox-group {
| |
| display: block;
| |
| }
| |
| .navbox-group + * {
| |
| display: block;
| |
| width: 100%;
| |
| border-left: 1em solid #a5e4a5 !important;
| |
| padding-left: 3px !important;
| |
| padding-top: 3px !important;
| |
| box-sizing: border-box;
| |
| }
| |
| .navbox-subgroup .navbox-group + * {
| |
| border-left: 1em solid #e6f6e6 !important;
| |
| }
| |
| }
| |
| | |
| .GUP_Item_Title_Cell {
| |
| width: 5em;
| |
| background-color: #FFCCCC;
| |
| white-space: nowrap;
| |
| padding: 0.438em 0.625em;
| |
| vertical-align: top;
| |
| text-align: left;
| |
| }
| |
| .Infobox_GUP tr {
| |
| border: 1px solid #a2a9b1;
| |
| }
| |
| .Infobox_GUP td {
| |
| vertical-align: top;
| |
| padding: 0.438em 0.625em;
| |
| }
| |
| /* 修复用户页欢迎辞覆盖编辑框的bug */ | |
| .overlay.visible {
| |
| z-index: 999;
| |
| }
| |
| /* Fix by case: Tracklist doesn't display on mobile devices due to inappropriate margin configuration */ | |
| .tracklist {
| |
| margin:0 !important;
| |
| }
| |
| /*{{Infobox Ooarai team}、{{GUP人物信息}}移动版CSS。*/ | |
| .Infobox_GUP {
| |
| text-align: left;
| |
| font-size: small;
| |
| line-height: 1.5em;
| |
| border: 1px solid #a2a9b1;
| |
| background-color: #FFFFFF;
| |
| float: right;
| |
| }
| |
| .GUP_Title_Cell {
| |
| text-align: center;
| |
| padding: 0.25em 0.33em 0.33em;
| |
| line-height: 1.2em;
| |
| font-size: 1.25em;
| |
| background-color: #FF9999;
| |
| color: #FFFFFF;
| |
| }
| |
| .GUP_Subtitle_Cell {
| |
| text-align: center;
| |
| background-color: #FF9999;
| |
| color: #FFFFFF;
| |
| font-size: 100%;
| |
| padding: 0.438em 0.625em;
| |
| }
| |
| .GUP_Item_Title_Cell {
| |
| width: 5em;
| |
| background-color: #FFCCCC;
| |
| white-space: nowrap;
| |
| padding: 0.438em 0.625em;
| |
| vertical-align: top;
| |
| text-align: left;
| |
| }
| |
| .Infobox_GUP tr {
| |
| border: 1px solid #a2a9b1;
| |
| } | |
| .Infobox_GUP td {
| |
| vertical-align: top;
| |
| padding: 0.438em 0.625em;
| |
| } | |