parent
94acd21e7a
commit
f438f30eb5
@ -0,0 +1 @@
|
|||||||
|
@charset "UTF-8";
|
||||||
|
After Width: | Height: | Size: 414 KiB |
@ -0,0 +1,63 @@
|
|||||||
|
body {
|
||||||
|
font-family: 'Gudea', sans-serif;
|
||||||
|
text-align:center;
|
||||||
|
background:url(bg.png) no-repeat;
|
||||||
|
background-size:cover;
|
||||||
|
}
|
||||||
|
textarea{
|
||||||
|
background: #FFFFFF;
|
||||||
|
}
|
||||||
|
.box1{
|
||||||
|
/*background: orange;*/
|
||||||
|
padding-bottom:20px;
|
||||||
|
margin-left:30px;
|
||||||
|
margin-right:30px;
|
||||||
|
margin-top:50px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.box2{
|
||||||
|
padding:20px;
|
||||||
|
margin-left:30px;
|
||||||
|
margin-right:30px;
|
||||||
|
border-radius:.25em;
|
||||||
|
}
|
||||||
|
span{
|
||||||
|
float£ºleft;
|
||||||
|
margin:15px;
|
||||||
|
width:200px;
|
||||||
|
height:50px;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
font-size: 2em;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: -1px;
|
||||||
|
margin: 0.6rem 0;
|
||||||
|
}
|
||||||
|
input{
|
||||||
|
vertical-align: middle;
|
||||||
|
padding: 6px 24px;
|
||||||
|
margin: 0px;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
white-space: nowrap;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: orange;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 1px;
|
||||||
|
}
|
||||||
|
select {
|
||||||
|
outline: 0;
|
||||||
|
background: orange;
|
||||||
|
color: #ffffff;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 1px solid #f10;
|
||||||
|
border-radius: 3px;
|
||||||
|
padding: 6px 24px;
|
||||||
|
font-size: 18px;
|
||||||
|
margin: 0px;
|
||||||
|
}
|
||||||
|
.option {
|
||||||
|
background: #f1f1f1;
|
||||||
|
color: #f40;
|
||||||
|
}
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||||
|
pageEncoding="UTF-8"%>
|
||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="stylesheet" href="./css/welcome.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="box1">
|
||||||
|
<div class="title">欢迎使用微化翻译器</div>
|
||||||
|
</div>
|
||||||
|
<div class="box2">
|
||||||
|
<span><input type="button" class="con" value="连接游戏"></span>
|
||||||
|
<span><input type="button" class="con" value="开始翻译" onclick="index.jsp"></span>
|
||||||
|
<span><input type="submit" class="con" value="确定" > </span>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue