“仁王2技能图”的版本间差异

来自仁王 wiki
第7行: 第7行:
 
   <link rel="stylesheet/less" type="text/css" href="css/skill.less"/>
 
   <link rel="stylesheet/less" type="text/css" href="css/skill.less"/>
 
   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 
   <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
 +
  <style>
 +
html, body, #app{
 +
  height: 100%;
 +
  background-color:#bfa;
 +
}
 +
 +
.out{
 +
  display: flex;
 +
  .svg{
 +
    border: 1px solid #404040;
 +
  }
 +
  .remark{
 +
    display: flex;
 +
    .show-box{
 +
      background-color: white;
 +
      height: 300px;
 +
      width: 190px;
 +
      border: 1px solid #404040;
 +
      color: white;
 +
    }
 +
  }
 +
}
 +
 +
.infobox-skill, .infobox-skill-type, .infobox-detail, .infobox-instruct {
 +
  margin: 7px;
 +
  border-radius: 4px;
 +
}
 +
 +
.infobox-skill {
 +
  background-image: linear-gradient(to right,#eee,#404040);
 +
 
 +
}
 +
 +
.infobox-skill-type {
 +
  background-image: linear-gradient(to left,white,#404040);
 +
 +
}
 +
.infobox-detail {
 +
  background-color: rgba(0,0,0,.82);
 +
 +
}
 +
.infobox-instruct {
 +
  background-image: linear-gradient(to left,white,#404040);
 +
 +
}
 +
</style>
 
</head>
 
</head>
 
<body>
 
<body>

2022年5月24日 (二) 19:14的版本

svg