有兽档案馆
搜索
切换搜索
切换菜单
切换个人菜单
查看“Template:CardDisplay/style.css”的源代码
模板页面
阅读
查看源代码
查看历史
模板
讨论
更多操作
←
Template:CardDisplay/style.css
因为以下原因,您没有权限编辑该页面:
您所请求的操作,仅限具有
注册用户
、
自动确认用户
、
管理员
、
界面管理员
、
优质编辑者
、
确认用户
、
巡查员
、
档案理事员
等
权限
的
用户
执行。
若您尚未登录有兽档案馆账号,请您
登录
有兽档案馆账号后操作。
您尚未完成电子邮件确认,因此操作受限,请尽快
完成电子邮件确认
。
若您无法完成前述手续,请通过适当渠道请求管理员或档案理事员协助。
您可以查看和复制此页面的源代码。
若您无权编辑本页面,您可以
提出编辑请求
,提请有权限者代为编辑。
.caixa-flex { display: flex; box-shadow: 0 0 7px rgba( 0, 0, 0, 0.5 ); max-width: 900px; margin: 0 auto; } .reqport { flex: 1 1 0; } .slider-container { overflow: hidden; width: 100%; height: 100%; min-height: 30vh; } .slider-container ul { margin: 0; padding: 0; display: table; table-layout: fixed; height: 100%; list-style: none; } .card { height: 100%; color: #fff; } .card .background { height: 0; } .card .background img { position: absolute; width: 100%; height: auto; min-height: 100%; min-width: 100%; object-fit: cover; } .card-overlay { overflow: hidden; width: 100%; height: 100%; position: absolute; background: black; opacity: 0; } .card .content { position: absolute; box-sizing: border-box; padding: 0.25em 0.5em; margin: 0; display: flex; flex-direction: column; height: inherit; width: 100%; } .card .title { font-size: 150%; font-weight: bold; text-shadow: black 0px 0px 5px; } .card .description { flex: auto; } .card .image-link { z-index: 1; } .card .image-link a { color: #fff; font-size: 75%; text-decoration: underline; float: right; max-width: 100%; overflow: hidden; white-space: nowrap; } .nomobile.slider-container ul { width: 100%; } .nomobile.slider-container li { display: table-cell; position: relative; width: 33.33333%; transition: all 400ms ease; border: 1px solid white; border-right: 1px solid #ccc; } .nomobile.slider-container li:last-child { border-right: 0; } .nomobile.slider-container ul:hover li { width: 10%; } .nomobile.slider-container ul:hover li:hover { width: 60%; } .nomobile.slider-container li:hover .card-overlay { opacity: 0.7; } .nomobile.slider-container li:hover .show-on-hover { opacity: 1; } .nomobile .card .show-on-hover { opacity: 0; } .card > a { position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0; } .mobileonly .card { position: relative; overflow: hidden; } .mobileonly .background { position: relative; } .mobileonly .content { position: relative; } .mobileonly .card-overlay { opacity: 0.7; }
返回
Template:CardDisplay/style.css
。