用户:Tokur233/SandBox/styles.css:修订间差异
外观
< 用户:Tokur233 | SandBox
小 Tokur233移动页面用户:Tokur233/styles.css至用户:Tokur233/SandBox/styles.css,不留重定向:本来想建在沙盒上的x 但是忘记加sandbox了(跪) |
小 用户沙盒页css测试 |
||
| 第39行: | 第39行: | ||
/* 用户css测试x copy自萌百*/ | /* 用户css测试x copy自萌百*/ | ||
#factions { | |||
width: 100%; | |||
display: flex; | |||
flex-wrap: wrap; | |||
font-size: 1.5em; | |||
text-align: center; | |||
color: white; | |||
} | |||
#factions>div { | |||
position: relative; | |||
border-radius: 15px; | |||
flex: 0 0 25%; | |||
} | |||
@media only screen and (max-width: 1024px) { | |||
#factions>div { | |||
flex-basis: 50%; | |||
} | |||
} | |||
#factions>div:nth-child(1) { | |||
background: #0062FF; | |||
} | |||
#factions>div:nth-child(1):hover { | |||
background: #004ABF; | |||
} | |||
#factions>div:nth-child(2) { | |||
background: #FF0000; | |||
} | |||
#factions>div:nth-child(2):hover { | |||
background: #BF0000; | |||
} | |||
#factions>div:nth-child(3) { | |||
background: #7A51A8; | |||
} | |||
#factions>div:nth-child(3):hover { | |||
background: #5C3D7E; | |||
} | |||
#factions>div:nth-child(4) { | |||
background: #1C7E80; | |||
} | |||
#factions>div:nth-child(4):hover { | |||
background: #155F60; | |||
} | |||
#factions .linkspan { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
#factions a { | |||
color: white; | |||
} | |||
2021年9月19日 (日) 08:18的最新版本
/* 黑幕模板配合CSS */
.heimu,
.heimu rt {
background-color: #252525;
}
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
color: #252525;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
color: #252525;
text-shadow: none;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
transition: color .13s linear;
color: white;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
transition: color .13s linear;
color: lightblue;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu:hover .new {
transition: color .13s linear;
color: #FCC;
}
/* 用户css测试x copy自萌百*/
#factions {
width: 100%;
display: flex;
flex-wrap: wrap;
font-size: 1.5em;
text-align: center;
color: white;
}
#factions>div {
position: relative;
border-radius: 15px;
flex: 0 0 25%;
}
@media only screen and (max-width: 1024px) {
#factions>div {
flex-basis: 50%;
}
}
#factions>div:nth-child(1) {
background: #0062FF;
}
#factions>div:nth-child(1):hover {
background: #004ABF;
}
#factions>div:nth-child(2) {
background: #FF0000;
}
#factions>div:nth-child(2):hover {
background: #BF0000;
}
#factions>div:nth-child(3) {
background: #7A51A8;
}
#factions>div:nth-child(3):hover {
background: #5C3D7E;
}
#factions>div:nth-child(4) {
background: #1C7E80;
}
#factions>div:nth-child(4):hover {
background: #155F60;
}
#factions .linkspan {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#factions a {
color: white;
}