用户: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; }