“MediaWiki:Common.css”的版本间的差异

来自Assault Lily Project 中文维基
跳到导航 跳到搜索
 
(未显示同一用户的135个中间版本)
第26行: 第26行:
 
.toc {
 
.toc {
 
     line-height: 1.8;
 
     line-height: 1.8;
 +
}
 +
 +
.lily-table {
 +
    display:table; border:solid 2px #ff9dae; border-radius:20px;vertical-align: top;
 +
  }
 +
 +
.lily-table th {
 +
    background-color:#ff9dae;border-radius:20px;color:white;vertical-align: top!important;width:140px;
 +
  }
 +
 +
.lily-table td {
 +
    border-bottom: 1px solid rgba(255, 157, 174, 0.6);width:650px;vertical-align: top!important;
 +
  }
 +
 +
.lily-table th a {
 +
    color:white!important;
 +
  }
 +
 +
.lily-table-title a {
 +
    color:white!important;
 +
  }
 +
 +
.lily-table th a:visited {
 +
    color:white!important;
 +
  }
 +
 +
.character-table {
 +
    display:table; border:solid 2px #ff9dae; float:right;margin-left: 20px;border-radius:20px;
 +
  }
 +
 +
.character-table th {
 +
    background-color:#ff9dae; color:white; font-weight:bold; border-radius:20px; padding:2px; text-align:center;
 +
  }
 +
 +
.character-table td {
 +
    text-align: center;
 +
    width:300px;font-weight:bold;border-bottom: 1px solid rgba(255, 157, 174, 0.3);
 +
  }
 +
 +
  .header-row {
 +
    background-color: #ffb6c1; /* 粉色背景 */
 +
    text-align: center;font-weight:bold;color:white;
 +
  }
 +
 +
 +
/* 伊尔马背景 */
 +
  .header-rowirma {
 +
    background-color: #445350!important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-thirma {
 +
    background-color:#445350!important;color:white!important;
 +
}
 +
 +
  .table-tdirma {
 +
    border-bottom: 1px solid rgba(68, 83, 80, 0.6) !important;
 +
}
 +
 +
.bg-image-irma {
 +
  background-image: url("https://assaultlily-otaku.icu/images/3/35/Bg-irma.png");
 +
  background-size: 250px 311px;
 +
  background-position: 65% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #445350;
 +
}
 +
 +
/* 一柳队背景 */
 +
  .header-rowyng {
 +
    background-color: #ff9dae!important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-thyng {
 +
    background-color:#ff9dae!important;color:white!important;
 +
}
 +
 +
  .table-tdyng {
 +
    border-bottom: 1px solid rgba(255, 157, 174, 0.6) !important;
 +
}
 +
 +
.bg-image-yng {
 +
  background-image: url("https://assaultlily-otaku.icu/images/8/87/Bg-yng.png");
 +
  background-size: 250px 480px;
 +
  background-position: 65% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #ed4180;
 +
}
 +
 +
/* ldvc背景 */
 +
  .header-rowldvc {
 +
    background-color: #ed4180!important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-thldvc {
 +
    background-color:#ed4180!important;color:white!important;
 +
}
 +
 +
  .table-tdldvc {
 +
    border-bottom: 1px solid rgba(237, 65, 128, 0.3) !important;
 +
}
 +
 +
.bg-image-ldvc {
 +
  background-image: url("https://assaultlily-otaku.icu/images/0/0d/Bg-ldvc.png");
 +
  background-size: 250px 410px;
 +
  background-position: 65% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #ed4180;
 +
}
 +
 +
/* 神庭背景 */
 +
  .header-roweple {
 +
    background-color: #aba080!important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-theple {
 +
    background-color:#aba080!important;color:white!important;
 +
}
 +
 +
  .table-tdeple {
 +
    border-bottom: 1px solid rgba(171, 160, 128, 0.6) !important;
 +
}
 +
 +
.bg-image-eple {
 +
  background-image: url("https://assaultlily-otaku.icu/images/5/56/Bg-eple.png");
 +
  background-size: 250px 410px;
 +
  background-position: 65% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #aba080;
 +
}
 +
/* 龙校背景 */
 +
  .header-roweren {
 +
    background-color: #7c89b5 !important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-theren {
 +
    background-color:#7c89b5 !important;color:white!important;
 +
}
 +
 +
  .table-tderen {
 +
    border-bottom: 1px solid rgba(124,137, 181, 0.3) !important;
 +
}
 +
 +
.bg-image-eren {
 +
  background-image: url("https://assaultlily-otaku.icu/images/b/b8/Bg-eren.png");
 +
  background-size: 250px 410px;
 +
  background-position: 65% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #7c89b5 ;
 +
}
 +
 +
/* 桑格背景 */
 +
  .header-rowsang {
 +
    background-color: #000000 !important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-thsang {
 +
    background-color:#6b0002 !important;color:white!important;
 +
}
 +
 +
  .table-tdsang {
 +
    border-bottom: 1px solid rgba(107,0, 2, 0.3) !important;
 +
}
 +
 +
.bg-image-sang {
 +
  background-image: url("https://assaultlily-otaku.icu/images/7/75/Bg-sang.png");
 +
  background-size: 250px 410px;
 +
  background-position: 65% 65%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #000000 ;
 +
}
 +
 +
/* 圣徒背景 */
 +
  .header-rowsaints {
 +
    background-color: #151947 !important;
 +
    text-align: center;font-weight:bold;color:white!important;
 +
  }
 +
  .table-thsaints {
 +
    background-color:#fee294 !important;color:black!important;
 +
}
 +
 +
  .table-tdsaints {
 +
    border-bottom: 1px solid rgba(44, 42, 99, 0.6) !important;
 +
}
 +
 +
.bg-image-saints {
 +
  background-image: url("https://assaultlily-otaku.icu/images/a/a3/Bg-saints.png");
 +
  background-size: 250px 410px;
 +
  background-position: 70% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #151947 ;
 +
}
 +
 +
/* 二亚背景 */
 +
  .header-rowerya {
 +
    background-color: #000000 !important;
 +
    text-align: center;font-weight:bold;color:white;
 +
  }
 +
  .table-therya {
 +
    background-color:#000000 !important;
 +
}
 +
 +
  .table-tderya {
 +
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
 +
}
 +
 +
.bg-image-erya {
 +
  background-image: url("https://assaultlily-otaku.icu/images/3/3a/Erya-bg.png");
 +
  background-size: 250px 410px;
 +
  background-position: 60% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #000000;
 +
}
 +
/* 鲸岬背景 */
 +
  .header-rowjia {
 +
    background-color: #151947 !important;
 +
    text-align: center;font-weight:bold;color:white;
 +
  }
 +
  .table-thjia {
 +
    background-color:#151947 !important;
 +
}
 +
 +
  .table-tdjia {
 +
    border-bottom: 1px solid rgba(21, 25, 71, 0.3) !important;
 +
}
 +
 +
.bg-image-jia {
 +
  background-image: url("https://assaultlily-otaku.icu/images/7/7b/%E9%B2%B8%E5%B2%AC%E8%83%8C%E6%99%AF%E5%9B%BE.png");
 +
  background-size: 250px 410px;
 +
  background-position: 60% 60%;
 +
  background-repeat: no-repeat;
 +
  border:solid 2px #151947;
 
}
 
}
  
第38行: 第268行:
  
 
a {
 
a {
   color: #4e66d4;
+
   color: #ff9dae;font-weight:bold;
 
}
 
}
  
 
a.new {
 
a.new {
   color: #ff4b6a;
+
   color: #a6a6a6; text-decoration: underline;
 
}
 
}
  
 
a:visited {  
 
a:visited {  
   color:#4e66d4;  
+
   color:#7f90dc; text-decoration: underline;
 
}  
 
}  
  
第54行: 第284行:
  
 
.mw-parser-output a.extiw, .mw-parser-output a:visited {  
 
.mw-parser-output a.extiw, .mw-parser-output a:visited {  
   color:#4e66d4;  
+
   color:#7f90dc; text-decoration: underline;
 
}  
 
}  
  
第85行: 第315行:
 
}
 
}
  
h3 {
+
h2, h4, h5, h6 {
  position: relative;
+
    line-height: 2;
  padding: 5px 26px 5px 42px;
 
  background: #fff0d9;
 
  font-size: 20px;
 
  color: #2d2d2d;
 
  margin-left: -33px;
 
  line-height: 1.3;
 
  border-bottom: solid 3px orange;
 
  z-index:-2;
 
}
 
 
 
h3:before {
 
  position: absolute;
 
  content: '';
 
  left: -2px;
 
  top: -2px;
 
  width: 0;
 
  height: 0;
 
  border: none;
 
  border-left: solid 40px white;
 
  border-bottom: solid 79px transparent;
 
  z-index: -1;
 
 
}
 
}
  
h3:after {
+
h3 {
   position: absolute;
+
   text-indent: 5px;
  content: '';
+
   border-left: #ff9dae 6px solid;
  right: -3px;
+
   margin-top: 2px; /* 调整顶部边距,微调文本位置 */
  top: -7px;
+
   padding-top: 1px; /* 增加左侧内边距,确保文本不靠得太近边框 */
  width: 0;
 
  height: 0;
 
  border: none;
 
   border-left: solid 40px transparent;
 
   border-bottom: solid 79px white;
 
   z-index: -1;
 
 
}
 
}
  
第126行: 第329行:
 
     margin: 0.5em 0;
 
     margin: 0.5em 0;
 
}
 
}
 +
 +
  
 
.content table {
 
.content table {

2024年10月24日 (四) 18:22的最新版本

/* 这里设置了Google Font */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&family=Noto+Serif+JP:wght@400;600&family=Noto+Serif:wght@400;600&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
  font-family: 'Noto Serif SC','Noto Serif JP', 'Noto Serif', serif;
}

/* Changes the default font used for MediaWiki headings to Noto Serif: */
#content h1, 
#content h2 {
  font-family: 'Noto Serif SC','Noto Serif JP', 'Noto Serif', serif;
}

/* 这里放置的CSS将应用于所有皮肤 */

body {
  background: #ffffff;
}

.mw-body-content {
    line-height: 2;
}

.toc {
    line-height: 1.8;
}

 .lily-table {
    display:table; border:solid 2px #ff9dae; border-radius:20px;vertical-align: top;
  }

 .lily-table th {
    background-color:#ff9dae;border-radius:20px;color:white;vertical-align: top!important;width:140px;
  }

 .lily-table td {
    border-bottom: 1px solid rgba(255, 157, 174, 0.6);width:650px;vertical-align: top!important;
  }

 .lily-table th a {
    color:white!important;
  }

 .lily-table-title a {
    color:white!important;
  }

 .lily-table th a:visited {
    color:white!important;
  }

 .character-table {
    display:table; border:solid 2px #ff9dae; float:right;margin-left: 20px;border-radius:20px;
  }

 .character-table th {
    background-color:#ff9dae; color:white; font-weight:bold; border-radius:20px; padding:2px; text-align:center;
  }

 .character-table td {
    text-align: center;
    width:300px;font-weight:bold;border-bottom: 1px solid rgba(255, 157, 174, 0.3);
  }

  .header-row {
    background-color: #ffb6c1; /* 粉色背景 */
    text-align: center;font-weight:bold;color:white;
  }


/* 伊尔马背景 */
  .header-rowirma {
    background-color: #445350!important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-thirma {
    background-color:#445350!important;color:white!important;
}

  .table-tdirma {
    border-bottom: 1px solid rgba(68, 83, 80, 0.6) !important;
}

.bg-image-irma {
  background-image: url("https://assaultlily-otaku.icu/images/3/35/Bg-irma.png");
  background-size: 250px 311px;
  background-position: 65% 60%;
  background-repeat: no-repeat;
  border:solid 2px #445350;
}

/* 一柳队背景 */
  .header-rowyng {
    background-color: #ff9dae!important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-thyng {
    background-color:#ff9dae!important;color:white!important;
}

  .table-tdyng {
    border-bottom: 1px solid rgba(255, 157, 174, 0.6) !important;
}

.bg-image-yng {
  background-image: url("https://assaultlily-otaku.icu/images/8/87/Bg-yng.png");
  background-size: 250px 480px;
  background-position: 65% 60%;
  background-repeat: no-repeat;
  border:solid 2px #ed4180;
}

/* ldvc背景 */
  .header-rowldvc {
    background-color: #ed4180!important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-thldvc {
    background-color:#ed4180!important;color:white!important;
}

  .table-tdldvc {
    border-bottom: 1px solid rgba(237, 65, 128, 0.3) !important;
}

.bg-image-ldvc {
  background-image: url("https://assaultlily-otaku.icu/images/0/0d/Bg-ldvc.png");
  background-size: 250px 410px;
  background-position: 65% 60%;
  background-repeat: no-repeat;
  border:solid 2px #ed4180;
}

/* 神庭背景 */
  .header-roweple {
    background-color: #aba080!important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-theple {
    background-color:#aba080!important;color:white!important;
}

  .table-tdeple {
    border-bottom: 1px solid rgba(171, 160, 128, 0.6) !important;
}

.bg-image-eple {
  background-image: url("https://assaultlily-otaku.icu/images/5/56/Bg-eple.png");
  background-size: 250px 410px;
  background-position: 65% 60%;
  background-repeat: no-repeat;
  border:solid 2px #aba080;
}
/* 龙校背景 */
  .header-roweren {
    background-color: #7c89b5 !important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-theren {
    background-color:#7c89b5 !important;color:white!important;
}

  .table-tderen {
    border-bottom: 1px solid rgba(124,137, 181, 0.3) !important;
}

.bg-image-eren {
  background-image: url("https://assaultlily-otaku.icu/images/b/b8/Bg-eren.png");
  background-size: 250px 410px;
  background-position: 65% 60%;
  background-repeat: no-repeat;
  border:solid 2px #7c89b5 ;
}

/* 桑格背景 */
  .header-rowsang {
    background-color: #000000 !important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-thsang {
    background-color:#6b0002 !important;color:white!important;
}

  .table-tdsang {
    border-bottom: 1px solid rgba(107,0, 2, 0.3) !important;
}

.bg-image-sang {
  background-image: url("https://assaultlily-otaku.icu/images/7/75/Bg-sang.png");
  background-size: 250px 410px;
  background-position: 65% 65%;
  background-repeat: no-repeat;
  border:solid 2px #000000 ;
}

/* 圣徒背景 */
  .header-rowsaints {
    background-color: #151947 !important;
    text-align: center;font-weight:bold;color:white!important;
  }
  .table-thsaints {
    background-color:#fee294 !important;color:black!important;
}

  .table-tdsaints {
    border-bottom: 1px solid rgba(44, 42, 99, 0.6) !important;
}

.bg-image-saints {
  background-image: url("https://assaultlily-otaku.icu/images/a/a3/Bg-saints.png");
  background-size: 250px 410px;
  background-position: 70% 60%;
  background-repeat: no-repeat;
  border:solid 2px #151947 ;
}

/* 二亚背景 */
  .header-rowerya {
    background-color: #000000 !important;
    text-align: center;font-weight:bold;color:white;
  }
  .table-therya {
    background-color:#000000 !important;
}

  .table-tderya {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.bg-image-erya {
  background-image: url("https://assaultlily-otaku.icu/images/3/3a/Erya-bg.png");
  background-size: 250px 410px;
  background-position: 60% 60%;
  background-repeat: no-repeat;
  border:solid 2px #000000;
}
/* 鲸岬背景 */
  .header-rowjia {
    background-color: #151947 !important;
    text-align: center;font-weight:bold;color:white;
  }
  .table-thjia {
    background-color:#151947 !important;
}

  .table-tdjia {
    border-bottom: 1px solid rgba(21, 25, 71, 0.3) !important;
}

.bg-image-jia {
  background-image: url("https://assaultlily-otaku.icu/images/7/7b/%E9%B2%B8%E5%B2%AC%E8%83%8C%E6%99%AF%E5%9B%BE.png");
  background-size: 250px 410px;
  background-position: 60% 60%;
  background-repeat: no-repeat;
  border:solid 2px #151947;
}

/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base {
  background: #ffffff;
}

.content .thumbcaption {
    text-align: center;
}

a {
  color: #ff9dae;font-weight:bold;
}

a.new {
  color: #a6a6a6; text-decoration: underline;
}

a:visited { 
  color:#7f90dc; text-decoration: underline;
} 

.mw-parser-output a.extiw, .mw-parser-output a.external {
  color: #4e66d4;
}

.mw-parser-output a.extiw, .mw-parser-output a:visited { 
  color:#7f90dc; text-decoration: underline;
} 

.portal .body li a, .vector-menu-portal .body li a {
  color: #555555;
}

.portal .body li a, .vector-menu-portal .body li a:visited { 
  color:#555555; 
} 

.vector-menu-tabs li a {
  color: #ff4b6a;
}

.vector-menu-tabs li a:visited { 
  color:#555555; 
} 

.vector-menu-tabs .new a, .vector-menu-tabs .new a {
  color: #ff4b6a;
}

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
  color: #ff4b6a;
}

h1, h2 {
    border-bottom: 1px solid #ff9dae;
}

h2, h4, h5, h6 {
    line-height: 2;
}

h3  {
  text-indent: 5px;
  border-left: #ff9dae 6px solid;
  margin-top: 2px; /* 调整顶部边距,微调文本位置 */
  padding-top: 1px; /* 增加左侧内边距,确保文本不靠得太近边框 */
}

.mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6 {
    margin: 0.5em 0;
}



.content table {
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto;
}

td {
    padding: 0 5px;
}

blockquote {
    margin: 0 1em;
    padding: 0 1em;
    border-left: #ff9dae 4px solid;
}

.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {
    margin: 2em 0 0 2em;
}

.mw-body-content p {
    margin: 1em 0;
    text-align: justify;
}

.mw-body {
    border: 1px solid #ff9dae;
}

.vector-menu-tabs li {
    background-image: linear-gradient(to top,#ff9dae 0,#fff5f7 1px,rgb(255 255 255 / 0%) 100%);
}

.vector-menu-tabs .selected {
    background: linear-gradient(to top,#ffffff 0,#ffffff 1px,rgb(255 255 255 / 0%) 100%);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(to bottom,rgb(255 255 255 / 0%) 0,#ff9dae 100%)
}

div.tright {
    margin: 15px 10px 3px 10px;
}

div.thumbinner {
    border: none;
    padding: 0;
    background-color: unset;
}

.mw-content-ltr .thumbcaption {
    text-align: center;
}

/* 这里规定了分Tab的模块的样式 */

html .thumbimage {
    border: none;
}

.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    background-color: #ff9dae;
}

.tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label {
    margin: 0 0 0 0;
}

.tabs-label {
    padding: 0 8px;
}

.tabs-tabbox > .tabs-label {
    border: none;
    border-radius: unset;
}

.tabs-tabbox > .tabs-label {
    margin: 0;
}

.tabs-label {
    background-color: #eaeaea;
}

.tabs-tabbox > .tabs-container {
    border-radius: 0;
    border: 1px solid #eaeaea;
}



/* 反白用样式 */

.hidetext {
    color: #ff9dae;
    background: #ff9dae;
    transition: all 0.5s;
}

.hidetext:hover {
    color: #ffffff;
}

.hidetext a {
    color: #ff9dae;
    transition: all 0.5s;
}

.hidetext:hover a {
    color: #4e66d4;
}

.hidetext a.new {
    color: #ff9dae;
    transition: all 0.5s;
}

.hidetext:hover a.new {
    color: #ff4b6a;
}

.hidetext a:visited { 
  color:#ff9dae; 
} 

.hidetext:hover a:visited { 
  color:#4e66d4; 
}