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

来自Assault Lily Project 中文维基
跳到导航 跳到搜索
第86行: 第86行:
  
 
h3 {
 
h3 {
  position: relative;
+
    display: inline-block;
  padding: 5px 26px 5px 42px;
+
    position: relative;
  background: #fff0d9;
+
    padding: .5em .7em;
  font-size: 20px;
+
    border-radius: 50px 0 0 50px;
  color: #2d2d2d;
+
    background-color: #2589d0;
  margin-left: -33px;
+
    color: #fff;
  line-height: 1.3;
 
  border-bottom: solid 3px orange;
 
  z-index:-2;
 
 
}
 
}
  
h3:before {
+
h3::before {
  position: absolute;
+
    content: '';
  content: '';
+
    display: inline-block;
  left: -2px;
+
    width: 15px;
  top: -2px;
+
    height: 15px;
  width: 0;
+
    margin-right: 13px;
  height: 0;
+
    border-radius: 50%;
  border: none;
+
    background: #fff;
  border-left: solid 40px white;
 
  border-bottom: solid 79px transparent;
 
  z-index: -1;
 
}
 
 
 
h3:after {
 
  position: absolute;
 
  content: '';
 
  right: -3px;
 
  top: -7px;
 
  width: 0;
 
  height: 0;
 
  border: none;
 
  border-left: solid 40px transparent;
 
  border-bottom: solid 79px white;
 
  z-index: -1;
 
 
}
 
}
  

2023年10月29日 (日) 12:47的版本

/* 这里设置了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;
}

/* 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: #4e66d4;
}

a.new {
  color: #ff4b6a;
}

a:visited { 
  color:#4e66d4; 
} 

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

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

.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;
}

h3 {
    display: inline-block;
    position: relative;
    padding: .5em .7em;
    border-radius: 50px 0 0 50px;
    background-color: #2589d0;
    color: #fff;
}

h3::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 13px;
    border-radius: 50%;
    background: #fff;
}


.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; 
}