Warning: is_readable(): open_basedir restriction in effect. File(/gitinfo/info.json) is not within the allowed path(s): (/www/wwwroot/wiki.guguwo.top/:/tmp/) in /www/wwwroot/wiki.guguwo.top/includes/utils/GitInfo.php on line 177
MediaWiki:Common.css：修订间差异 - 咕咕窝wiki

MediaWiki:Common.css：修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
 
（未显示同一用户的3个中间版本）
第1行： 第1行：
/* 这里放置的CSS将应用于所有皮肤 */
@import url('https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css');
/* --- ScoreBasedCaptcha CSS --- */


/* 右浮目录[测试样式] todo:响应式处理 */
/* 包裹每个问题和答案的 div 的样式 */
@media screen and (min-width: 1200px){
.mw-scorebasedcaptcha-question {
#toc{
    margin-bottom: 15px; /* 问题之间的间距 */
float:right;
    padding: 10px;
margin:0 0 1em 1em;
    border: 1px solid #ccc; /* 给每个问题块一个边框 */
overflow-y: scroll;
    border-radius: 4px;
position:fixed;
    background-color: #f9f9f9; /* 轻微的背景色 */
top:150px;
right:10px;
z-index:99
}
}
}
/* 双端内容分开显示 */


.nodesktop {display:none;}
/* 问题文本 (label) 的样式 */
 
.mw-scorebasedcaptcha-question label {
/* 防止pre模块溢出使得文本不可读*/
     display: block; /* 让标签占据一行 */
pre {overflow-x: auto;}
     margin-bottom: 8px; /* 标签和输入框之间的间距 */
code, pre {word-break: break-word;}
 
/* 信息框图片位置随设备调整 */
 
@media all and ( min-width: 720px ) {
.toppic {
    display: none;
    }
 
}
 
@media all and ( max-width: 720px ) {
.sidepic {
     display: none;
    }
   
}
 
/* [[模板:来源请求]]背景色调整 */
.template-facttext{
     background-color: #eaecf0; margin: -.3em 0; padding: .3em 0;
}
 
/* MainPage */
 
.mp-box {
    background : url('https://wiki.rotaeno.cn/images/f/ff/Rotaeno_Website_Background_Cut.png') no-repeat;
  }
 
  .mp-circle {
    background : url('https://wiki.rotaeno.cn/images/4/40/Rotaeno_Website_Background.png');
  }
 
  .mp-icon {
    background : url('https://wiki.rotaeno.cn/images/1/13/Icon_Wiki_Main.png') no-repeat;
  }
 
  .mp-icon-new{
      background: url("https://wiki.rotaeno.cn/images/1/10/Icon_MainPage_News.png") no-repeat;
 
  }
 
  .mp-icon-next{
      background: url("https://wiki.rotaeno.cn/images/9/95/Icon_MainPage_Next.png") no-repeat;
  }
 
  .mp-icon-dev{
      background: url("https://wiki.rotaeno.cn/images/c/c0/Icon_MainPage_Dev.png") no-repeat;
  }
 
/* 表格样式：rotable */
 
.rotable {
    width: 100%;
    border-collapse: collapse;
   
    margin:15px 0;
}
 
.rotable caption {
    font-size: 2em;
     font-weight: bold;
     font-weight: bold;
     margin: 1em 0;
     color: #333;
}
     font-size: 1em;
 
.rotable th,
.rotable td {
    border: 1px solid #999;
    text-align: center;
    padding: 3.5px;
}
 
.rotable th {
  background-color: #dfe3f3;
  color: #000;
}
 
.rotable tr:first-child th {
    background-color: #bac3ed;
    color: #000;
}
 
.rotable tbody tr:nth-child(odd) {
    background-color: #eee;
}
 
.rotable tbody tr:hover {
     background-color: #ccc;
}
}


.rotable-title th,th.rotable-title {
/* 答案输入框的样式 */
     background-color: #bac3ed;
.mw-scorebasedcaptcha-question input[type="text"] {
     width: 95%; /* 输入框宽度，根据您的布局调整 */
    padding: 8px 10px;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 1em;
    box-sizing: border-box; /* 让 padding 和 border 不会增加总宽度 */
}
}


.rotable-title:hover {
/* 输入框获得焦点时的样式 (可选) */
    background-color: unset !important;
.mw-scorebasedcaptcha-question input[type="text"]:focus {
}
     border-color: #007bff; /* 例如，蓝色边框 */
 
     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* 类似 Bootstrap 的焦点效果 */
/* 以下是维基百科样式，通过CC-BY-SA 3.0授权 */
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
    font-variant: small-caps;
     border-bottom: none;
    text-decoration: none;
    cursor: inherit;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
     display: block;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}
}


/* Style for horizontal lists (separator following item) */
/* 您可以添加一个总的容器样式，但验证码通常嵌入在更大的表单中，
.skin-monobook .hlist dl,
  所以直接样式化 .confirmemail- kilomètres 或特定于您皮肤的表单类可能更好。
.skin-modern .hlist dl,
  例如，如果您的验证码在id为 'userloginForm' 的表单内：
.skin-vector .hlist dl {
#userloginForm .mw-scorebasedcaptcha-question {
    line-height: 1.5em;
     ... 您的样式 ...
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
     content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
}
.hlist.hnum ol ol li:before {
  或者，如果是在创建账户页面 (oo-ui-layout class通常存在):
     content: counter(level2) " ";
.mw-htmlform-field-captcha .mw-scorebasedcaptcha-question {
     margin-left: 0; // 覆盖一些默认缩进
}
}
/*
== Infobox ==
*/
*/


.infobox {
/* 针对验证码区域本身的整体说明文字（如果 ConfirmEdit 或您的皮肤有的话）*/
  border: 1px solid #a2a9b1;
.mw-confirmcaptchatext { /* 这个类名可能需要根据您的 ConfirmEdit 版本和皮肤调整 */
  background-color: #f8f9fa;
    font-style: italic;
  color: black;
    color: #555;
  margin-bottom: 0.5em;
    margin-bottom: 10px;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.infobox caption {
  font-size: larger;
}
.infobox.bordered {
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}
 
.infobox.sisterproject {
  width: 20em;
  font-size: 90%;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
  border: 0;
  border-top: 1px solid #a2a9b1;
  border-right: 1px solid #a2a9b1;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
  border: 0;
  border-right: 1px solid #a2a9b1;
}
}
/* styles for geography infoboxes, e

2025年6月9日 (一) 15:51的最新版本

@import url('https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css');
/* --- ScoreBasedCaptcha CSS --- */

/* 包裹每个问题和答案的 div 的样式 */
.mw-scorebasedcaptcha-question {
    margin-bottom: 15px; /* 问题之间的间距 */
    padding: 10px;
    border: 1px solid #ccc; /* 给每个问题块一个边框 */
    border-radius: 4px;
    background-color: #f9f9f9; /* 轻微的背景色 */
}

/* 问题文本 (label) 的样式 */
.mw-scorebasedcaptcha-question label {
    display: block; /* 让标签占据一行 */
    margin-bottom: 8px; /* 标签和输入框之间的间距 */
    font-weight: bold;
    color: #333;
    font-size: 1em;
}

/* 答案输入框的样式 */
.mw-scorebasedcaptcha-question input[type="text"] {
    width: 95%; /* 输入框宽度，根据您的布局调整 */
    padding: 8px 10px;
    border: 1px solid #aaa;
    border-radius: 3px;
    font-size: 1em;
    box-sizing: border-box; /* 让 padding 和 border 不会增加总宽度 */
}

/* 输入框获得焦点时的样式 (可选) */
.mw-scorebasedcaptcha-question input[type="text"]:focus {
    border-color: #007bff; /* 例如，蓝色边框 */
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* 类似 Bootstrap 的焦点效果 */
}

/* 您可以添加一个总的容器样式，但验证码通常嵌入在更大的表单中，
   所以直接样式化 .confirmemail- kilomètres 或特定于您皮肤的表单类可能更好。
   例如，如果您的验证码在id为 'userloginForm' 的表单内：
#userloginForm .mw-scorebasedcaptcha-question {
    ... 您的样式 ...
}
   或者，如果是在创建账户页面 (oo-ui-layout class通常存在):
.mw-htmlform-field-captcha .mw-scorebasedcaptcha-question {
    margin-left: 0; // 覆盖一些默认缩进
}
*/

/* 针对验证码区域本身的整体说明文字（如果 ConfirmEdit 或您的皮肤有的话）*/
.mw-confirmcaptchatext { /* 这个类名可能需要根据您的 ConfirmEdit 版本和皮肤调整 */
    font-style: italic;
    color: #555;
    margin-bottom: 10px;
}
取自“http://wiki.guguwo.top/index.php?title=MediaWiki:Common.css&oldid=152”
最后修改时间
此页面最后编辑于2025年6月9日 (星期一) 15:51。