create type

<%@ 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>itHelpDesk</title>
<script type="text/javascript" src="../JS/jquery-1.6.4.js"></script>
<script type="text/javascript" src="../JS/request_type.js"></script>
<link rel="stylesheet" href="../CSS/create_requestType.css" type="text/css">
</head>
<body>
    <div id="warp">
      <div id="content">
            <div id="title"><h2><a>Home > </a>Create A New RequestType</h2></div>
            <div id="shadow">
            <div id="create">
              <form action="" id="form" method="post">
                  <div>
                    <h2>Request Type:</h2><input id="name" type="text" name="name" >
                    <span id="name_input"></span>   
                  </div>
                  <div>
                    <h2 id="engineer_visible">Engineer Visible:</h2>
                    <input type="radio" name="engineerVisible" value="1" checked="checked" ><span class="choose">Yes</span>
                    <input type="radio" name="engineerVisible" value="0" ><span class="choose">No</span>
                  </div>
                  <div>
                    <h2>Reason:</h2><textarea name="template" id="template"></textarea>
                    <span id="password_input"></span>
                  </div>
                  <div id="submit_type">
                    <button id="submit">Submit</button>
                    <button id="cancel">Cancel</button>
                  </div>
                 
              </form>
            </div>
        </div>    
      </div>
    </div>
</body>
</html>




button {
    border: 0px;
}

#content {
  min-height: 480px;
  width: 960px;
  margin: 0px auto;
  position: relative;
  padding: 50px 20px 20px 20px;
}

h2 {
    font-size: 12pt;
    font-family: Arial;
    color: #555555;
    font-weight: border;
    line-height: 0px;
}

#title {
    margin-bottom: 10px;
}

#title a {
    color: #418FB5;
    font-weight: normal;
    font-family: Arial;
}

#create {
padding-top: 20px;
width: 600px;
    margin: 0 auto;
}

#name {
    width: 600px;
    border-radius: 3px;
    height: 30px;
    border: 1px solid #BFBFBF;
    font-family: Arial;
    padding-left: 5px;
}

#template {
    width: 600px;
    border-radius: 3px;
    height: 60px;
    border: 1px solid #BFBFBF;
    font-family: Arial;
    padding-left: 5px;
}

.choose {
font-family: Arial;
    font-size: 12pt;
    color: #555555;
    margin-right: 29px;
}

#engineer_visible {
    display: inline-block;
    margin-right: 5px;
}

#submit_type {
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
}

button {
width: 80px;
height: 30px;
    background: url(../images/btn_normal_80x30.png) center 0px no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 20px;
}

#submit_type {
    margin: 0 auto;
    width: 210px;
    margin-top: 30px;
}


#name_input {
    display: block;
    width: 300px;
    height: 20px;
    color: red;  
   
}

#engineer_visible {
    line-height: 12px;
    margin-bottom: 20px;
}


你可能感兴趣的:(css)