“Widget:网站维护时间线”与“Widget:萌百条目”：页面之间的差异

H萌娘，万物皆可H的百科全书！
（页面间差异）
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
 
imported>=海豚=
无编辑摘要
 
第1行： 第1行：
   <style>
<noinclude>可在引用萌百的条目中加入 </noinclude>
  
<includeonly>
* {
<style>
  margin: 0;
/* <pre> */
  padding: 0;
body {background-image:url(https://www.hmoegirl.com/images/e/ef/%E7%AE%B1%E5%AD%90%E9%87%8C%E7%9A%84%E8%90%8C%E7%99%BE%E5%A8%98_.png);background-size:650px;}
  box-sizing: border-box;
#moe a {color: #00AF89;}
}
#moe a.new {color: #BA0000!important;}
#timeline {
#moe a.external {color: #36b!important;}
  padding-top: 5%;
#moe a.mw-collapsible-text {color: #3366cc!important;}
}
#moe .heimu a, a .heimu {color: #00AF89!important;}
.timeline {
#moe .colormu {background-color: rgba(37,37,37,0.1)!important;}
  height: 100%;
.skin-vector #moe table {box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);border-radius: 4px;overflow: hidden;}
  position: relative;
#moe .infotemplatebox {box-shadow: none!important;}
}
.mw-editmoegirl {display:block!important;}
.timeline canvas {
#ca-ve-edit,#ca-editTopSection .mw-editsection {display: none !important;}
  position: absolute;
#moe .bilibili-toggle {display: none !important;}
  width: 100%;
#moe .bilibili-title {padding: .2em 2em .2em 1em !important;}
  height: 100%;
#moe li.gallerybox {display: inline-block;width: 100%; height: auto;}
  left: 0;
#moe .reference> a {color: #36b!important;}
  top: 0;
#moe .mw-cite-backlink> a {color: #36b!important;}
}
#moe pre {display: none!important;}
.timeline figcaption {
/* </pre> */
  font-weight: 400;
</style>
   font-family: 'Poppins',sans-serif;
   font-size: 24px;
  text-transform: uppercase;
  -webkit-text-stroke: .25px;
}
.timeline h2 {
  font-weight: 400;
   font-size: 30px;
  padding-bottom: 100px;
  color: #b2cde9;
   font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
}
.timeline h6 {
  color: #0090F5;
 
   font-family: 'Poppins', sans-serif;
   font-size: 17px;
   font-weight: 400;
}
.timeline p,
.timeline ol {
  font-weight: 400;
   font-family: 'Poppins', sans-serif;
  padding: 3px 0 20px 0;
  color: #575757;
  text-align: justify;
  width: 70%;
}
.timeline ol {
  list-style: disc;
  margin-top: -20px;
  padding-left: 40px;
}
.timeline figure {
  float: right;
  width: 100%;
}
.timeline article {
  position: relative;
  width: 38%;
  overflow: hidden;
  margin-bottom: 100px;
}
.timeline article:first-of-type {
  float: left;
  text-align: right;
}
.timeline article:first-of-type p,
.timeline article:first-of-type figure {
  float: right;
}
.timeline article:last-of-type {
  float: right;
}
.timeline article:last-of-type h2 {
  color: #c6e0aa;
}
.timeline article:last-of-type h6,
.timeline article:last-of-type a {
  color: #40aa00;
}
.timeline article:last-of-type a:hover {
  color: #95D40D;
}


   </style>
<script>
</head>
var div = document.getElementById('moe');
<body>
div.innerHTML = div.innerHTML
   <section id="timeline">
.replace(/ 萌娘百科欢迎您参与完善本条目/g,'H萌娘欢迎您参与完善本条目')
 
.replace(/ 并查找相关资料。萌娘百科祝您在本站度过愉快的时光。/g,'并查找相关资料。注意这是一个萌百的自动嵌入页面，世界观可能与本站不同。H萌娘祝您在本站度过愉快的时光！')
   <div class="timeline">
.replace(/萌娘百科不是新闻的搜集处/g,'H萌娘不是新闻的搜集处')
     <canvas id="cvs3"></canvas>
.replace(/萌娘百科提醒您/g,'H萌娘提醒您')
     <article>
.replace(/ 此条目或需要大幅度整改/g,'此条目可能需要大幅度整改')
       <h2>Education</h2>     
.replace(/ 若您清楚改善现状的方法/g,'注意这是一个萌百的自动嵌入页面，世界观可能与本站不同。如果您清楚改善现状的方法')
       <figure>
.replace(/ 萌娘百科郑重提示/g,'H萌娘郑重提示')
         <figcaption>Web Design</figcaption>
.replace(/ 非特殊情况下请不要将此模板用在人物条目中(.*)。/g,'')
         <h6>using Html CSS JS</h6>
.replace(/ 提示：本页面/g,'各位绅士注意：本条目')
         <p>
.replace(/ 不适合未满15岁的读者/g,'不够色情')
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero. Ut ut libero in nibh convallis sollicitudin. Maecenas ante erat, lacinia commodo pretium vel, ultricies eget nibh. Duis et felis lectus. Donec orci libero, auctor eget sodales at, euismod venenatis nibh.
.replace(/ 页面可能包含/g,'页面只包含')
         </p>
.replace(/ 阅读时有可能产生轻微不适感/g,'阅读时没让人产生不适感')
       </figure>
.replace(/ 请确信自己已满当地法律许可年龄且心智成熟后再来阅览/g,'最好陪同自己的孩子一起来阅览')
       <figure>
.replace(/ 另请编辑者注意：勿滥用此模板/g,'另请编辑者注意：本页面急待调整以适应本站的年龄段')
         <figcaption>Web Development</figcaption>
.replace(/img.moegirl.org.cn\/common\/4\/43\/Wga0119-cut.jpg/g,'www.hmoegirl.com\/images\/a\/aa\/Wga0119.jpg')
         <h6>With modern technologies</h6>
.replace(/（特别是后入式！）/g,'(特别是后入时!)')
         <p>
.replace(/ 都会展现这幅表情。/g,'都会展现这幅表情。<br /> 翻了不下500张图，终于找到这两张没露点的，我容易吗？顺带一提这幅图其实')';
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero.
document.querySelector("#ca-edit a").textContent='添加本地化差异';
         </p>
window.setTimeout(function() {
       </figure>
document.querySelector("#ca-edit.collapsible a").textContent='添加本地化差异';
       <figure>
var div = document.getElementById('moe');
         <figcaption>Search Engine Op.</figcaption>
div.innerHTML = div.innerHTML
         <h6>With Free & Paid Plugin</h6>
.replace(/ 提取(.*)失败/g,'页面获取参数缺失，请清除本页缓存！');
         <p>
},350);
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero.
</script>
         </p>
</includeonly>
       </figure>
       <figure>
         <figcaption>Graphics Design</figcaption>
         <h6>using ps and all</h6>
         <p>          
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero.
         </p>
       </figure>
     </article>
 
     <article>
       <h2>Work</h2>
       <figure>
         <figcaption>Graphic & WEB</figcaption>
         <h6>Learn Today</h6>
         <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero.
       </figure>
       <figure>
         <figcaption>Mobile Friendly</figcaption>
         <h6>with touch screen</h6>
         <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero.
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et ipsum pulvinar, blandit neque in, ornare libero.
         </p>
       </figure>
       <figure>
         <figcaption>Retina Ready Display</figcaption>
         <h6>Supported all devices</h6>
         <p>
           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, molestiae, perferendis. Iusto nam libero doloribus veritatis magnam sequi error, obcaecati, porro atque quo unde iure voluptate officiis eos nostrum, sint. Corporis ipsam necessitatibus repudiandae, beatae odio perferendis provident consequuntur inventore natus deleniti asperiores animi ducimus assumenda possimus eos, cum sunt.
         </p>
       </figure>
     </article>
     <br style="clear:both" />
   </div>
 
</section>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://code.5g-o.com/wp-content/uploads/2021/01/time.js">
 
   </script>
</body>
</html>

2021年7月8日 (四) 12:01的版本

可在引用萌百的条目中加入

取自“https://hmoegirl.com/index.php?title=Widget:网站维护时间线&oldid=59738”