MediaWiki:Common.css:修订间差异

来自罪人堂Wiki
Yusak
Yusak留言 | 贡献
Yusak
Yusak留言 | 贡献
第4行: 第4行:
}
}


.sidebar-card-container {
/* 主页皮肤 */
  display: flex;
.primary_title {
  flex-direction: column;
    font-family: Kaiti;
  gap: 12px;
    font-size: 2em;
  margin: 0 auto;
    font-weight: bold;
}
}
 
#nl-hp {
.sidebar-card {
    display: flex;
  display: flex;
    flex-wrap: wrap;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s ease;
}
 
.sidebar-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
}
 
.nl-hp-sidebar {
.sidebar-card-logo {
    flex: 1;
  margin-right: 10px;
    min-width: 300px;
  flex-shrink: 0;
    padding: 0 20px;
}
}
 
#nl-hp-main {
.sidebar-card-content {
    flex: 2;
  flex: 1;
    min-width: 300px;
    margin: 0 auto;
}
}
 
#nl-banner {
.sidebar-card-title {
    position: relative;
  font-size: 1.05em;
    background:linear-gradient(to bottom right, #a3bfdc, #3475c0);
  font-weight: bold;
    box-shadow:grey 0px 0px 5px;
  margin-bottom: 4px;
    border-radius:10px;
    color: #000;
    font-size:1em;
    text-shadow:white 0px 0px 10px,white 0px 0px 10px;
    width: 100%;
    box-sizing: border-box;
    margin:5px auto 5px;
    padding:10px;
}
}
 
#nl-banner img {
.sidebar-card-text {
    position: absolute;
  font-size: 0.9em;
    right: 0;
  color: #333;
    bottom: 0;
  line-height: 1.4em;
}
}
 
.nl-hp-container {
@media screen and (max-width: 768px) {
    display: flex;
  .sidebar-card {
     flex-flow: row wrap;
     flex-direction: column;
     justify-content: space-between;
     text-align: center;
     align-items: stretch;
     align-items: center;
     width: 100%;
  }
 
  .sidebar-card-logo {
     margin: 0 0 8px 0;
  }
}
}
 
.nl-hp-item {
.sidebar-card {
    background-color:#f5faff;
  display: flex;
    box-shadow:grey 0px 0px 5px;
  background: #f9f9f9;
    margin:5px auto 5px;
  border: 1px solid #ddd;
    padding-bottom: 10px;
  padding: 10px;
    border:1px solid #999;
  margin-bottom: 10px;
    border-radius:10px;
  border-radius: 8px;
    flex-grow: 1;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    flex-shrink: 0;
    flex-basis: 300px;
}
}
 
.nl-hp-title {
.sidebar-card-image img {
    background-color:#3475c0;
  border-radius: 8px;
    color:#FFFFFF;
  margin-right: 10px;
    font-weight: bold;
    margin:3px;
    padding:6px 3px;
    border-radius:10px;  
    font-size:110%;
    text-align:left;  
}
}
 
.nl-hp-content {
.sidebar-card-content {
    padding: 10px;
  flex: 1;
}
}


.sidebar-card-title {
.nl-tb-container {
  font-weight: bold;
    max-width: 100%;
  font-size: 14px;
    margin: 0 5px;
  color: #d33;
    text-align: center;
  margin-bottom: 5px;
}
}


.sidebar-card-desc {
.nl-tb-header {
  font-size: 12px;
    display: flex;
  color: #333;
    cursor: pointer;
}
}


.layout-container {
.nl-tb-header div {
  display: flex;
    flex: 1;
  flex-wrap: wrap;
    margin: 5px;
  gap: 20px;
    padding: 10px;
  justify-content: space-between;
    background-color: #0b0b4f;
    color: white;
    border-radius:5px;
}
}


.main-content {
.nl-tb-header div:hover {
  flex: 1;
    background-color: #838b95;
  min-width: 0;
    color: black;
}
}


.sidebar {
.nl-tb-content {
  width: 300px;
    padding: 20px;
}
}


.sidebar-card {
.nl-tb-page {
  display: flex;
    display: none;
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
}


.sidebar-card-image img {
.nl-tb-page .wikitable {
  border-radius: 8px;
    background-color: #f5faff;
  margin-right: 10px;
    text-align: center;
  width: 64px;
    margin: 10px auto;
  height: 64px;
    width: 100%;
    border: none;
    border-spacing: 5px;
    border-collapse: separate;
}
}


.sidebar-card-content {
.nl-tb-page .wikitable th, .nl-tb-page .wikitable td {
  flex: 1;
    background-color: #f0f0f0;
    border: none;
    border-radius: 10px;
    padding: 7px;
    text-align: center;
}
}


.sidebar-card-title {
.nl-tb-page th {
  font-weight: bold;
    background-color: #d0d0d0;
  font-size: 14px;
  color: #d33;
  margin-bottom: 5px;
}
}


.sidebar-card-desc {
.nl-active {
  font-size: 12px;
    text-align: left;
  color: #333;
    display: block;
}
}

2025年4月22日 (二) 12:30的版本

/* 这里放置的CSS将应用于所有皮肤 */
.bbcb{
	color:#000000;
}

/* 主页皮肤 */
.primary_title {
    font-family: Kaiti;
    font-size: 2em;
    font-weight: bold;
}
#nl-hp {
    display: flex;
    flex-wrap: wrap;
}
.nl-hp-sidebar {
    flex: 1;
    min-width: 300px;
    padding: 0 20px;
}
#nl-hp-main {
    flex: 2;
    min-width: 300px;
    margin: 0 auto;
}
#nl-banner {
    position: relative;
    background:linear-gradient(to bottom right, #a3bfdc, #3475c0);
    box-shadow:grey 0px 0px 5px; 
    border-radius:10px; 
    color: #000; 
    font-size:1em;
    text-shadow:white 0px 0px 10px,white 0px 0px 10px;
    width: 100%;
    box-sizing: border-box;
    margin:5px auto 5px;
    padding:10px;
}
#nl-banner img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.nl-hp-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
}
.nl-hp-item {
    background-color:#f5faff; 
    box-shadow:grey 0px 0px 5px;
    margin:5px auto 5px;
    padding-bottom: 10px;
    border:1px solid #999;
    border-radius:10px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 300px;
}
.nl-hp-title {
    background-color:#3475c0; 
    color:#FFFFFF; 
    font-weight: bold;
    margin:3px;
    padding:6px 3px; 
    border-radius:10px; 
    font-size:110%;
    text-align:left; 
}
.nl-hp-content {
    padding: 10px;
}

.nl-tb-container {
    max-width: 100%;
    margin: 0 5px;
    text-align: center;
}

.nl-tb-header {
    display: flex;
    cursor: pointer;
}

.nl-tb-header div {
    flex: 1;
    margin: 5px;
    padding: 10px;
    background-color: #0b0b4f;
    color: white;
    border-radius:5px;
}

.nl-tb-header div:hover {
    background-color: #838b95;
    color: black;
}

.nl-tb-content {
    padding: 20px;
}

.nl-tb-page {
    display: none;
}

.nl-tb-page .wikitable {
    background-color: #f5faff;
    text-align: center;
    margin: 10px auto;
    width: 100%;
    border: none;
    border-spacing: 5px;
    border-collapse: separate;
}

.nl-tb-page .wikitable th, .nl-tb-page .wikitable td {
    background-color: #f0f0f0;
    border: none;
    border-radius: 10px;
    padding: 7px;
    text-align: center;
}

.nl-tb-page th {
    background-color: #d0d0d0;
}

.nl-active {
    text-align: left;
    display: block;
}