“Widget:文本框”与“Widget:欢迎”：页面之间的差异

H萌娘，万物皆可H的百科全书！
（页面间差异）
跳到导航 跳到搜索
imported>=海豚=
小 （=海豚=移动页面模板:文本框/styles.css至Widget:文本框，不留重定向）
 
imported>=海豚=
无编辑摘要
 
第1行： 第1行：
/* .main-box */
<noinclude><nowiki>QvQ</nowiki></noinclude><includeonly><!--{if !isset($wgMainpage) || !$wgMainpage}--><!--{assign var="wgMainpage" value=true scope="global"}--><style type="text/css">
.main-box {
@media (min-width: 1480px) {
padding: 1rem 0;
   .mainpage {
     width: 1404px;
     margin: 0 auto;
   }
   .mainpage-container,
   .mainpage-column {
     display: flex;
     flex-wrap: nowrap;
     justify-content: space-around;
     align-content: stretch;
     align-items: stretch;
   }
   .mainpage-column {
     flex-direction: column;
   }
}
}
 
@media (min-width: 1640px) {
/** .main-box modifier **/
   .mainpage {
.main-box.-plain {
     width: 1680px;
    border: none;
   }
    box-shadow: none;
}
@media (max-width: 1480px) {
   .mainpage,
   .mainpage-column-left,
   .mainpage-column-right {
     max-width: 1360px;
   }
}
.mainpage,
.mainpage * {
   box-sizing: border-box;
   transition: all .37s;
}
.mainpage {
   /*background: url(./zhMoegirl15.2.png) no-repeat center center;*/
   background-size: contain;
}
.mainpage-text-align-center {
   text-align: center;
}
.mainpage-headtitle,
.mainpage-column>* {
   margin: .5em;
   padding: .5em;
   box-shadow: 1px 1px 1px 1px #ededde;
}
.mainpage-headtitle:hover, .mainpage-column>*:hover {
   box-shadow: 1px 1px 6px 3px #ededde;
   margin: .5em .4em;
}
.mainpage-column>*:hover {
   background-color: #FFF;
}
.mainpage-headtitle {
   font-size: 1.8em;
   text-align: center;
}
.mainpage .mainpage-column h2 {
   margin-top: 0;
    border-width: 0;
   padding-left: .5em;
    color: #8b8b22;
   font-family: EasonPro, "黑体", serif;
   font-size-adjust: .43;
   font-weight: 400;
   border-left: 1em #ededde solid;
}
}
 
.mainpage .mainpage-column h3 {
.main-box.-plain .main-box__header {
    padding-left: .5em;
    background: none;
}
}
 
.mainpage .mw-headline-number {
.main-box.-plain .main-box__icon {
    display: none;
    display: none;
}
}
 
.mainpage .mainpage-column p {
.main-box.-plain .main-box__title {
    padding-left: .5em;
    padding: 0;
}
}
 
.mainpage .mainpage-column p {
/* .main-box__header */
    text-indent: 2em;
.main-box__header {
display: flex;
    align-items: center;
   margin-bottom: 0.65rem;
}
}
 
.mainpage-banner-page,
/** header box color modifier **/
.mainpage-page {
.main-box__header.-header-box-color-gray {
   position: relative;
background-color: #f2f2f2;
}
}
 
.mainpage-banner-page .mainpage-page-img {
.main-box__header.-header-box-color-gold {
   height: 231px;
background-color: #fcf4db;
   width: auto;
}
}
 
.mainpage-banner {
.main-box__header.-header-box-color-green {
   height: 250px;
background-color: #d4efdf;
   position: relative;
   overflow: hidden;
}
}
 
.mainpage-banner-control {
.main-box__header.-header-box-color-purple {
   position: absolute;
background-color: #f1e1f7;
   bottom: 1em;
   right: 1em;
   z-index: 7;
}
}
 
.mainpage-banner-control-triggle {
.main-box__header.-header-box-color-blue {
   width: 18px;
background-color: #d5ebf8;
   height: 18px;
   border-radius: 18px;
   background-color: white;
   display: inline-block;
   cursor: pointer;
   border: 3px rgba(139, 139, 34, .5) solid;
   margin-left: 8px;
}
}
 
.mainpage-banner-control-triggle.on {
.main-box__header.-header-box-color-red {
   border-color: white;
background-color: #fbdddd;
   background-color: rgba(139, 139, 34, .5);
}
}
 
.mainpage-banner-page {
.main-box__header.-header-box-color-orange {
   text-align: center;
background-color: #fcebdb;
   float: left;
}
}
 
.mainpage-counter {
.main-box__header.-header-box-color-medium-violet-red {
   background: url(https://www.hmoegirl.com/images/thumb/7/7a/64304271.png/689px-64304271.png) top right;
background-color: #f9e0f0;
   background-repeat: no-repeat;
   background-size: 327px 288px;
   min-height: 250px;
   padding: 0!important;
   display: flex;
}
}
 
.mainpage-counter-container {
.main-box__header.-header-box-color-olive {
   background: rgba(255, 255, 255, .6);
background-color: #ececd9;
   padding: .5em;
   flex: 1;
}
}
 
.mainpage-ads {
.main-box__header.-header-box-color-light-slate-gray {
   height: 410px;
background-color: #e6e8ec;
   overflow: auto;
}
}
 
.mainpage-page-img {
.main-box__icon {
    width: 100%;
padding: 1.125rem;
   background-size: 1.25rem;
   background-position: center;
    background-repeat: no-repeat;
}
}
 
.mainpage-page-intro {
/** icon modifier **/
   position: absolute;
.main-box__icon.-icon-star {
   bottom: 0;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/c/ca/OOjs_UI_icon_unStar-invert.svg);
   left: 0;
   margin: 0!important;
   padding: .5em;
    background-color: rgba(255, 255, 255, 0.73);
   width: 100%;
}
}
window.RLQ = window.RLQ || [];
window.RLQ.push(function() {
   if (location.hostname.includes("m.hmoegirl.com")) return;
   mw.loader.using(["oojs-ui"]).then(function() {
     if (!mw.config.get('talkTocLoaded', false)) {
       mw.config.set('talkTocLoaded', true);
       if (!$('#talkTocBox')[0]) {
         if (localStorage.getItem('widgetTalkToc') === 'disable') {
           $('body').addClass('widgetTalkTocDisable');
           $('.toctitle').after('<' + 'div style="text-align: center;">[<' + 'a class="enableWidgetTalkToc">启用讨论页面整理工具<' + '/a>]<' + '/div>');
           $('.enableWidgetTalkToc').on('click', function() {
             localStorage.setItem('widgetTalkToc', 'enable');
             $(this).text('启用成功！刷新页面中……');
             setTimeout(location.reload.bind(location), 150);
           });
           return;
         }


.main-box__icon.-icon-help {
         $('body').addClass('widgetTalkTocEnable');
   background-image: url(//upload.wikimedia.org/wikipedia/commons/c/c0/OOjs_UI_icon_help-ltr-invert.svg);
         var toclist = ['tocBox', 'talkTocBox', 'toc'],
}
           bgcolor = $('body').css('background-color'),
           $toc = $('#toc'),
           titlereg = {},
           $tocBox, $level2, $li, $svdDcs, $title, $toggle, $tocText,
           appendToggleButton;


.main-box__icon.-icon-newspaper {
         /* 预处理 */
   background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/OOjs_UI_icon_newspaper-ltr-invert.svg);
         //备份目录
}
         $toc.after($toc.clone().hide().attr('id', 'tocClone'));
         //整理讨论串
         $('#mw-content-text > .mw-parser-output > h2').each(function() {
           var head = $(this);
           var container = $('<' + 'div/>');
           container.addClass('discussionContainer');
           head.addClass('discussionHead');
           head.before(container);
           head.nextUntil('h2').not('h2').appendTo(container);
           head.prependTo(container);
           if (container.find('.saveNotice')[0] && head.nextUntil(".saveNotice").length === 0) {
             $toc.find('a[href="#' + head.find('.mw-headline')[0].id.replace(/"/g, '\\\"') + '"]').parent().addClass("savedDiscussion hiddenDiscussion");
             container.addClass('savedDiscussion');
           } else if (window.CSS && CSS.supports && CSS.supports('position', 'sticky')) {
             head.css({
               position: 'sticky',
               top: 0,
               'background-color': bgcolor,
               'z-index': 2
             });
             container.css('position', 'relative');
           }
         });


.main-box__icon.-icon-calendar {
         // Temporary padding fix for Microsoft Edge
   background-image: url(//upload.wikimedia.org/wikipedia/commons/f/f7/OOjs_UI_icon_calendar-ltr-invert.svg);
         // TODO: Report this issue to Edge team
}
         if (/Edge/.test(navigator.userAgent)) {
           $('.discussionContainer').css('padding-top', '10px');
         }


.main-box__icon.-icon-book {
         //整理标题列表
   background-image: url(//upload.wikimedia.org/wikipedia/commons/9/9c/OOjs_UI_icon_book-ltr-invert.svg);
         $toc.append("<" + "ol style='margin-left: 1.7em;'><" + "/ol>").after('<' + 'div id="tocBox"><' + '/div>');
}
         $toc.children('ul').children().appendTo($toc.find('ol'));
         $toc.find(".toclevel-1 > a > .tocnumber").remove();
         $toc.appendTo("#tocBox");


.main-box__icon.-icon-edit {
         /* 定义变量 */
   background-image: url(//upload.wikimedia.org/wikipedia/commons/0/00/OOjs_UI_icon_edit-ltr-invert.svg);
         $tocBox = $('#tocBox');
}
         $level2 = $toc.find('.toclevel-2').hide();
         $li = $toc.find('ol > li');
         $svdDcs = $toc.find('.savedDiscussion');
         $title = $toc.find('.toctitle').css("margin-right", "1em").append('<' + 'span id="toctoggle"><' + '/span>');
         $toggle = $title.append('<' + 'div id="toggle"><' + '/div>').find('#toggle');
         $tocText = $title.after('<' + 'div id="tocText"><' + '/div>').parents('#toc').find('#tocText');
         appendToggleButton = function($Obj, $set, shTx, hiTx, fun) {
           if (!$Obj[0]) return false;
           $set.append($('<' + 'a/>', {
             text: function() {
               if ($Obj.is(':visible')) return hiTx;
               else return shTx;
             },
             'class': 'toggleButton',
             href: 'javascript:void(0);',
             bind: {
               click: function() {
                 if ($Obj.is(':visible')) {
                   $Obj.hide();
                   $(this).text(shTx);
                 } else {
                   $Obj.show();
                   $(this).text(hiTx);
                 }
               }
             }
           }));
           if (typeof fun == 'function') fun();
         };


/** icon box color modifier **/
         /* 业务处理*/
.main-box__icon.-icon-box-color-gray {
         //添加存档讨论串标题toggle按钮
    background-color: #bdbdbd;
         if ($svdDcs[0]) {
           $toggle.append($('<' + 'a/>', {
             text: '显示已被存档标题',
             'class': 'toggleButton',
             href: 'javascript:void(0);',
             on: {
               click: function() {
                 if ($svdDcs.hasClass('hiddenDiscussion')) {
                   $svdDcs.removeClass('hiddenDiscussion');
                   $(this).text('隐藏已被存档标题');
                 } else {
                   $svdDcs.addClass('hiddenDiscussion');
                   $(this).text('显示已被存档标题');
                 }
               }
             }
           }));
           $tocText.append("<" + "div class='tocText'>（有下划线标题是已被存档标题）<" + "/div>");
         }
         //添加二三四五级标题toggle按钮和标题数量
         appendToggleButton($level2, $toggle, '显示段落', '隐藏段落', function() {
           $tocText.append("<" + "div class='tocText'>（中括号内数字是该大段下小段数量）<" + "/div>");
           $toc.find('.toclevel-1').each(function() {
             var subtitleLength = $(this).find('.toctext').length - 1;
             if (subtitleLength) $(this).children('a').after('[' + subtitleLength + ']');
           });
         });
         //添加整体toggle按钮
         appendToggleButton($toc.find('ol'), $title.find('#toctoggle'), '显示', '隐藏');
         $('#toc').addClass('noOrigin');
         /*
         $('.saveNotice').each(function() {
           $(this).prev('h2').addClass('savedNotice');
         });*/
         var containers = $('.discussionContainer');
         containers.first().before('<' + 'div id="talkTocBox"><' + 'table><' + '/table><' + '/div>');
         var self = $('#talkTocBox table'),
           a = $('<' + 'a/>').text('');
         self.append('<' + 'caption/>').find('caption').append('<span style="color:blue;">讨论版现有讨论串</span>').append('').append(a).append('' + '<br>').append('（这里的讨论串<span style="color:red;">不会</span>被存档，无用及已解决的即时讨论会被<span style="color:red;">定期删除</span>）')
           .end().append('<' + 'tbody/>');
         containers.not('.savedDiscussion').each(function(i) {
           if (i % 4 === 0) self.find('tbody:last').append('<' + 'tr/>');
           var that = $(this);
           /* var content = that.children().not('h2');
           content.find('a').each(function() {
             try {
               var href = $(this)[0].href;
               if (!href) return;
               var link = new mw.Uri(href);
               if (link.host !== 'www.moegirl.com') this.userNameErrorReason = "link.host !== 'www.moegirl.com'";
               else if (/^\/api\.php/i.test(link.path)) this.userNameErrorReason = "!!/^\\/api\\.php/i.test(link.path)";
               else if (!link.query.title && /\.php$/i.test(link.path)) this.userNameErrorReason = "!!(!link.query.title && /\\.php$/i.test(link.path))";
               else {
                 var t = link.query.title || decodeURIComponent(link.path.substring(1));
                 if (/^user([ _]talk)?:[^\/]+$/i.test(t)) $(this).data('userName', t.replace(/^user([ _]talk)?:/i, '')).addClass('userTalkPage');
                 else this.userNameErrorReason = "!!/^user([ _]talk)?:[^\\/]+$/i.test(t)";
               }
             } catch (e) {
               return;
             }
           });
           content.find('.userTalkPage').each(function() {
             var parent = $(this).closest(containers).clone();
             var now = Date.now() + (Math.random() + '').substring(2);
             parent.find('.userTalkPage').text(now);
             var regExec = RegExp(now + '(.*)(\\d{4}年([1-9]|1[0-2])月([1-9]|[12]\\d|3[01])日\\s{0,10}\\([一二三四五六日]\\)\\s{0,10}([01]\\d|2[0-3]):[0-5]\\d\\s{0,10}(\\([A-Z]{3}\\))?)').exec(parent.text());
             if (!regExec || regExec[1].length > 20) {
               this.userNameErrorReason = 'Too far away from timestamp (' + (regExec ? regExec[1].length : 'null') + ')';
               this.userNameErrorRegExec = regExec;
               $(this).removeClass('userTalkPage');
             } else $(this).data('userTalkTime', regExec[2]);
           });
           var userTalkPage = [];
           content.find('.userTalkPage').each(function() {
             var timestamp = $(this).data('userTalkTime').replace(/ \([A-Z]{3,4}\)$|\([日一二三四五六]\)/g, ''),
               date = new Date(),
               time = timestamp.split(/[年月日\s\(\)\:]+/).map(function(n) {
                 return +n;
               });
             if (!time || !time[4]) return $(this).removeClass('.userTalkPage')[0].userNameErrorReason = 'Error Timestamp(' + timestamp + ')';
             date.setFullYear(time[0]);
             date.setMonth(time[1] - 1);
             date.setDate(time[2]);
             date.setHours(time[3]);
             date.setMinutes(time[4]);
             userTalkPage.push([$(this).data('userName'), timestamp, date.getTime()]);
           });
           if (!userTalkPage[0]) userTalkPage.push(['Unsigned user/Nonstandard sign', 'Unknown Time']);
           else userTalkPage.sort(function(a, b) {
             return a[2] - b[2]
           });
           var firstName = userTalkPage[0],
             lastName = userTalkPage[userTalkPage.length - 1];
           titlereg[that.find('.mw-headline:first').attr('id')] = that;*/
           self.find('tr:last').append('<' + 'td><' + '/td>')
             .find('td:last').append(
               $('<' + 'a/>').attr('href', '#' + that.find('.mw-headline:first').attr('id').replace(/"/g, "&quot;")).append(that.find('.mw-headline:first').clone().find('a').replaceWith(function() {
                 return $(this).text();
               }).end().html())
             );
           /* .append(
             $('<' + 'div/>').addClass('signInfo').append('话题发起：' + (firstName[0] === 'Unsigned user/Nonstandard sign' ? 'Unsigned user/Nonstandard sign' : '<' + 'a href="/User_talk:' + firstName[0] + '" title="' + firstName[0] + '的讨论页" target="_blank">' + firstName[0].replace(/_/g, ' ') + '<' + '/a>'))
             .append('<' + 'br>最后回复：' + (lastName[0] === 'Unsigned user/Nonstandard sign' ? 'Unsigned user/Nonstandard sign' : '<' + 'a href="/User_talk:' + lastName[0] + '" title="' + lastName[0] + '的讨论页" target="_blank">' + lastName[0].replace(/_/g, ' ') + '<' + '/a>') + '（' + lastName[1] + '）')
           ); */
         });
         /* if ($('.signInfo').filter(function() {
             return $(this).text().indexOf('Unsigned user/Nonstandard sign') !== -1;
           }).length * 2 > $('.signInfo').length) $('.signInfo').hide(); */
         self.append('<' + 'tbody class="hr"><' + 'tr><' + 'td colspan="4"> <' + '/td><' + '/tr><' + '/tbody>').append('<' + 'tbody/>').find('tbody').not(':first').hide();
         containers.filter('.savedDiscussion').each(function(i) {
           if (i % 4 === 0) self.find('tbody:last').append('<' + 'tr/>');
           self.find('tr:last').append('<' + 'td><' + 'a class="savedTitle" href="#' + $(this).find('.mw-headline:first').attr('id').replace(/"/g, "&quot;") + '">' + $(this).clone().find('.mw-headline:first').children('.mw-headline-number').remove().end().prepend(containers.index(this) + 1 + ' ').text() + '<' + '/a><' + '/td>');
         });
         a.on('click', function() {
           self.find('tbody').not(':first').fadeToggle();
           $(this).text($(this).text() === '显示已存档讨论串标题' ? '隐藏已存档讨论串标题' : '显示已存档讨论串标题');
         });
         self.find('tbody').not('.hr').each(function() {
           var that = $(this).find('tr:last');
           that.append(("<" + "td>&#32;<" + "/td>").repeat(4 - that.find("td").length));
         });
         $('#talkTocBox caption').append('').append($('<' + 'a/>').addClass('cbutton')).append('');
         $('#tocText').append('<' + 'br>').append($('<' + 'a/>').addClass('cbutton')).append('');
         $('.cbutton').on('click', function() {
           if (!localStorage.wgTocStyle || localStorage.wgTocStyle !== 'list') {
             $('#talkTocBox').hide();
             $('#tocBox').show();
             localStorage.setItem('wgTocStyle', 'list');
             $('.cbutton').text('');
             $(toclist.filter(function(l) {
               return l !== "tocBox";
             }).map(function(l) {
               return 'a[href="#' + l + '"';
             }).join(', ')).attr("href", "#tocBox");
           } else {
             $('#talkTocBox').show();
             $('#tocBox').hide();
             localStorage.setItem('wgTocStyle', 'table');
             $('.cbutton').text('');
             $(toclist.filter(function(l) {
               return l !== "talkTocBox";
             }).map(function(l) {
               return 'a[href="#' + l + '"';
             }).join(', ')).attr("href", "#talkTocBox");
           }
         });
         if (!localStorage.wgTocStyle || localStorage.wgTocStyle !== 'list') {
           $('#talkTocBox').show();
           $('.cbutton').text('');
           $(toclist.filter(function(l) {
             return l !== "talkTocBox";
           }).map(function(l) {
             return 'a[href="#' + l + '"';
           }).join(', ')).attr("href", "#talkTocBox");
         } else {
           $('#tocBox').show();
           $('.cbutton').text('');
           $(toclist.filter(function(l) {
             return l !== "tocBox";
           }).map(function(l) {
             return 'a[href="#' + l + '"';
           }).join(', ')).attr("href", "#tocBox");
         }
         $('.cbutton').parent().append(' <' + 'a class="disableWidgetTalkToc"><' + '/a>');
         $('.disableWidgetTalkToc').on('click', function() {
           localStorage.setItem('widgetTalkToc', 'disable');
           $(this).text('禁用成功！刷新页面中……');
           setTimeout(location.reload.bind(location), 150);
         });
         $tocBox.css({
           position: 'relative',
           'z-index': 10
         });
         $(window).on('hashchange', function(e) {
           try {
             var hash = location.hash.substring(1);
             var target = $('[id="' + decodeURIComponent(hash).replace(/"/g, '\\\"') + '"]');
             if (target[0]) {
               var scrollTop = target.offset().top;
               if (target.closest('.discussionHead').length === 0) {
                 var parent = target.closest('h1, h2, h3, h4, h5, h6');
                 if (parent.length > 0) {
                   scrollTop -= parent.outerHeight(true) - parent.height();
                   var h = parent.prevAll('h1, h2, h3, h4, h5, h6').filter(function() {
                     return $(this).css('position') === 'sticky';
                   });
                   if (h.length > 0) scrollTop -= h.outerHeight();
                 }
               } else scrollTop = target.closest('.discussionContainer').offset().top;
               setTimeout(function() {
                 $('html,body').animate({
                   scrollTop: scrollTop
                 }, 0);
               }, 1);
               return false;
             }
           } catch (e) {
             return;
           }
         }).trigger('hashchange');
         const g = ["sysop", "patroller"];
         if (mw.config.get("wgUserGroups").filter(n => g.includes(n)).length === 0 && mw.config.get("wgPageName").startsWith("讨论:讨论版")) {
           $("#right-navigation").addClass("no-need-to-edit-whole-page").find("#p-views > ul").append('<li id="ca-no-need-to-edit-whole-page-notice" class="collapsible"><span><a href="javascript:void(0);">请勿编辑全文</a></span></li>').find("#ca-no-need-to-edit-whole-page-notice a").on("click", function() {
             var messageDialog = new OO.ui.MessageDialog();
             var windowManager = new OO.ui.WindowManager();
             $("body").append(windowManager.$element);
             windowManager.addWindows([messageDialog]);
             messageDialog.title.$label.html("萌娘百科提醒您<br>公共讨论页无需编辑全文");
             messageDialog.message.$label.html("<br>提问求助区、讨论版属于公共讨论页，一般来说无须编辑全文，故我们隐藏了入口。<hr>您可以点击下方标题旁的<b>【编辑】链接</b>来编辑对应段落，也可以点击右上方<b>【添加话题】链接</b>来新增话题。");
             windowManager.openWindow(messageDialog, {
               actions: [{
                 action: 'accept',
                 label: '我知道了',
                 flags: 'primary'
               }]
             });
           });
         }
       }
     }
    });
});
</script><style>
/* <pre> */
.widgetTalkTocEnable #tocBox {
   max-width: 37%;
   min-width: 300px;
   float: left;
}
}
 
.widgetTalkTocEnable #toc.noOrigin {
.main-box__icon.-icon-box-color-gold {
    display: table;
    background-color: #F2C94C;
}
}
 
.widgetTalkTocEnable div.toc#toc {
.main-box__icon.-icon-box-color-green {
   min-width: 300px;
    background-color: #27ae60;
   box-sizing: border-box;
   margin-right: 37px;
   padding-right: 1em;
    padding-left: 1em;
}
}
 
.widgetTalkTocEnable div.toc#toc div.toctitle h2 {
.main-box__icon.-icon-box-color-purple {
    margin-right: 1em;
    background-color: #bb6bd9;
}
}
 
.widgetTalkTocEnable div.toc.noOrigin#toc .toctoggle {
.main-box__icon.-icon-box-color-blue {
    display: none;
    background-color: #2d9cdb;
}
}
 
.widgetTalkTocEnable div#toc.toc #toctoggle,
.main-box__icon.-icon-box-color-red {
.widgetTalkTocEnable div#toc.toc #toggle {
    background-color: #eb5757;
   font-size: 94%;
   -webkit-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
   -moz-user-select: none;
    user-select: none;
}
}
 
.widgetTalkTocEnable div#toc.toc .toggleButton:before {
.main-box__icon.-icon-box-color-orange {
    content: "[";
    background-color: #f2994a;
   color: black;
}
}
 
.widgetTalkTocEnable div#toc.toc .toggleButton:after {
.main-box__icon.-icon-box-color-medium-violet-red {
    content: "]";
    background-color: #e066b4;
   color: black;
}
}
 
.widgetTalkTocEnable #toc .toggleButton:first-child {
.main-box__icon.-icon-box-color-olive {
    margin-right: 0.5em;
    background-color: #9a9a02;
}
}
 
.widgetTalkTocEnable div#toc.toc .toggleButton:last-child {
.main-box__icon.-icon-box-color-light-slate-gray {
    margin-right: 0;
    background-color: #828EA1;
}
}
 
.widgetTalkTocEnable div#toc.toc .hiddenDiscussion {
.main-box__title {
   visibility: hidden;
flex: 1;
   height: 0;
    margin: 0;
    margin: 0;
   padding: 0 0.75em;
   border-bottom: 0;
   font-family: inherit;
   font-weight: bold;
   font-size: 1.2em;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
}
 
.widgetTalkTocEnable div.toc#toc li.savedDiscussion a {
.main-box__title a {
   text-decoration: underline;
color: inherit;
}
    text-decoration: none;
.widgetTalkTocEnable #toc div#tocText {
   text-align: center;
}
.widgetTalkTocEnable #toc div.tocText {
   display: inline-block;
}
.widgetTalkTocEnable
/* 节操酱的beg */
.widgetTalkTocEnable #content ol,
.widgetTalkTocEnable #content ul {
   margin: 0 !important;
   padding: 0.3em 0 0 1.6em !important;
}
.widgetTalkTocEnable #toc .toclevel-1>ul {
   padding-left: 0 !important;
}
.widgetTalkTocEnable
/* 由于节操酱的beg导致分类那边有秘制空白 */
.widgetTalkTocEnable #content #catlinks ol,
.widgetTalkTocEnable #content #catlinks ul {
   padding: 0 !important;
}
#toc,
#tocBox,
#talkTocBox {
   display: none;
}
.widgetTalkTocDisable #toc {
   display: table;
}
.widgetTalkTocEnable #talkTocBox td {
    text-align: center;
   border: 1px solid #a7d7f9;
   width: 25%;
   padding: 0 1em;
}
}
 
.widgetTalkTocEnable #talkTocBox .hr td {
/* .main-box__body */
   width: 100%;
.main-box__body p:last-of-type {
margin-bottom: 0;
}
}
 
.widgetTalkTocEnable #talkTocBox table {
/*** Ghi chú: Mã của khung HACL cũ ***/
   border-collapse: collapse;
/** .main-box__body modifier **/
   margin-bottom: 1em;
.main-box__body.-responsive-image .floatnone > a > img {
   width: 100%;
height: auto !important;
width: 100%;
max-width: 350px !important;
}
}
 
.widgetTalkTocEnable #talkTocBox a {
/* .main-box__footer */
    cursor: pointer;
.main-box__footer {
display: flex;
    align-items: center;
margin: 1rem 0 -0.175rem;
   padding-top: 0.7rem;
   border-top: 1px solid #e0e0e0;
}
}
 
.widgetTalkTocEnable #talkTocBox .savedTitle {
/** .main-box-dropdown **/
    text-decoration: underline;
.main-box-dropdown {
    display: inline-block;
position: relative;
}
}
 
.widgetTalkTocEnable .cbutton {
.main-box-dropdown__button {
margin: -3px 0;
   padding: 1em;
   background-image: url(//upload.wikimedia.org/wikipedia/commons/b/b3/OOjs_UI_icon_ellipsis.svg);
   background-size: 1.25rem;
   background-position: center;
   background-repeat: no-repeat;
    cursor: pointer;
    cursor: pointer;
}
}
 
.signInfo {
.main-box-dropdown__content {
    display: none !important;
    display: none;
   position: absolute;
   z-index: 1;
}
}
 
#right-navigation.no-need-to-edit-whole-page ul {
.main-box-dropdown__content > ul {
   display: flex;
display: flex;
flex-flow: wrap column;
}
}
 
#right-navigation.no-need-to-edit-whole-page ul>li {
.main-box-dropdown__content > ul > li > a {
    order: 999;
padding: 6px 12px;
    color: inherit;
   font-weight: bold;
   text-decoration: none;
}
}
 
#right-navigation.no-need-to-edit-whole-page ul>li#ca-view {
.main-box-dropdown:hover .main-box-dropdown__content {
    order: 1;
   display: block;
   margin-top: 2.5px;
width: auto;
   white-space: nowrap;
    background: #fff;
   border: 1px solid #e0e0e0;
   box-shadow: 0px 2px 3px #eee;
}
}
 
#right-navigation.no-need-to-edit-whole-page ul>li#ca-no-need-to-edit-whole-page-notice {
.main-box-dropdown:hover .main-box-dropdown__content > ul > li > a {
   order: 2;
display: block;
   font-style: italic;
}
}
 
#right-navigation.no-need-to-edit-whole-page ul>li#ca-no-need-to-edit-whole-page-notice a,
/* responsive */
#right-navigation.no-need-to-edit-whole-page ul>li#ca-no-need-to-edit-whole-page-notice a:visited {
@media (min-width: 576px) {
   color: #222;
/* .main-box */
   text-decoration: none;
.main-box {
   padding: 1rem;
   border: 1px solid #e0e0e0;
   box-shadow: 0px 2px 3px #eee;
}
}
}
 
#right-navigation.no-need-to-edit-whole-page ul>li#Wikiplus-Edit-TopBtn,
@media (min-width: 768px) and (max-width: 991px),
#right-navigation.no-need-to-edit-whole-page ul>li#ca-edit,
    (min-width: 1145px) {
#right-navigation.no-need-to-edit-whole-page ul>li#ca-editTopSection {
/** .main-box-dropdown **/
   display: none;
.main-box-dropdown__button {
display: none;
}
.main-box-dropdown__content {
display: block;
   position: relative;
   margin-bottom: -1rem;
}
.main-box-dropdown__content > ul {
flex-direction: row;
}
 
.main-box-dropdown__content > ul > li > a {
display: inline-block;
   margin-bottom: 1rem;
padding: 0 12px;
}
.main-box-dropdown:hover .main-box-dropdown__content {
margin-top: 0;
width: inherit;
background: none;
border: none;
   box-shadow: none;
}
}
}
 
.cloaked-element.transparent-shield {
/* fix bug on minerva */
   z-index: 9999999;
body.skin-minerva .main-box__body > ul {
margin-left: 0.5em;
}
}
 
.navpopup {
/* space between .main-box */
    z-index: 1000000;
.main-box + link + .main-box {
    margin-top: 1rem;
}
}
/* </pre> */
</style>
<script>
window.RLQ.push(function() {
   window.RLQ = window.RLQ || [];
   $(function() {
     $(window).on('resize', function() {
       $('.mainpage-banner-page').width($('.mainpage-banner').width());
     }).resize();
     var marginLeft = $('.mainpage').offset().left - $('.mainpage').parent().offset().left;
     /* $('.mainpage').css('margin-left', marginLeft - (marginLeft - (($(window).width() - $('.mainpage').width()) / 2 - $('.mainpage').parent().offset().left)) / 2 + 'px'); // 计算合理的偏差，其中【($(window).width() - $('.mainpage').width()) / 2】用以计算主体居中时的实际offsetLeft值，减去父元素offset即是主体margin-left值，再用【marginLeft - (marginLeft - 主体margin-left值 / 2】来计算缓和后的margin-left值 */
     var length = $('.mainpage-banner-page').length;
     if (!length) return;
     $('.mainpage-banner-container').width(length);
     while (length--) $('.mainpage-banner-control').append('<span class="mainpage-banner-control-triggle"></span>');
     var bannerCount = 25;
     $('.mainpage-banner-control-triggle').on('click', function() {
       bannerCount = 25;
       $(this).addClass('on').siblings().removeClass('on');
       var index = $(this).parent().children().index(this);
       var target = $('.mainpage-banner-page').eq(index);
       var left = target.prevAll().length || 0;
       if (left) $('.mainpage-banner-container').css('margin-left');
       else $('.mainpage-banner-container').css('margin-left', '0');
     }).first().click();
     setInterval(function() {
       if (bannerCount-- > 0) return;
       var next = $('.mainpage-banner-control-triggle.on').next();
       if (!next.length) next = $('.mainpage-banner-control-triggle:first');
       next.click();
     }, 200);
   });
});
</script><!--{/if}--></includeonly>

2020年5月15日 (五) 16:16的版本

QvQ

取自“https://hmoegirl.com/index.php?title=Widget:文本框&oldid=59214”