create req

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/my.tld" prefix="aug"%>
<!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/create_request.js"></script>
<link rel="stylesheet" href="../CSS/create_request.css" type="text/css">
</head>
<body>
    <div id="warp">
      <div id="content">
        <p id="new"><a href="../request/list.action">Home > </a>Create A New Request</p>
        <div id="shadow">

          <div id="create">
            <p id="requester_p">Requester: <span id="requester">${USER.name }</span></p>
            <form id="request_add_form" action="" method = "post">
              <div>
                <p>Request Type: </p>
                <aug:type/><span id="type_span"></span>
              </div>
              <div>
                <p>Title:</p>
                <input id="title" type = "text" name = "title" /><span id="title_span"></span>
              </div>
              <div>
                <p>Reason:</p>
                <textarea id = "reason" rows="6" cols="20" name = "reason" id = "template"></textarea>
              </div>
              <div id="button">
                <button id = "save" class = "request_add" >Save</button>
                <button id = "submit" class = "request_add" >Submit</button>
                <button id = "cancel">Cancel</button>
              </div>
            </form>
        </div>
        </div>
       </div>
    </div>
</body>
</html>

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

#shadow {
    background-color: rgba(211, 212, 213, 0.06);
    margin: 0 auto;
    border-radius: 10px;
    height: 400px;
    padding-top: 20px;
}

#create {
    width: 600px;
    margin: 0 auto;
}

#type {
    width: 605px;
height: 30px;
border-radius: 3px;
border: 1px solid #BFBFBF;
color: #808080;
font-family: Arial;
    font-size: 14px;
}

#shadow p {
    font-size: 14px;
    color: #555555;
    font-family: Arial;
    font-weight: bold;
    line-height: 0px;
}

#title {
font-family: Arial;
font-size: 14px;
    width: 600px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #BFBFBF;
    color: #808080;
    padding-left: 5px;
}

#reason {
    width: 600px;
    height: 80px;
    border-radius: 3px;
    border: 1px solid #BFBFBF;
    color: #808080;
    font-family: Arial;
    font-size: 14px;
    padding-left: 5px;
}

.request_add {
width: 80px;
height: 30px;
margin-top: 30px;
margin-left: 30px;
    background: url(../images/btn_normal_80x30.png) center 0px no-repeat;
    color: #fff;
    font-weight: bold;
}

.request_add:hover {
    background: url(../images/btn_hover_80x30.png) center 0px no-repeat;

}

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

.power_button:hover {
    background: url(../images/btn_hover_80x30.png) center 0px no-repeat;

}

#button {
    width: 400px;
    margin: 0 auto;
}

span {
display: block;
    font-size: 12px;
    color: red;
    height: 15px;
}

.bold {
    font-size: 14pt;
    font-weight: 300;
    margin-top: 15px;
    display: inline-block;
    width: 150px;
    color: #000;
}

label {
    font-size: 14px;
    color: #555555;
}

#fix {
    position: relative;
}
#fixed {
    position: absolute;
    top: 20px;
}

#view {
    margin-left: 150px;
    margin-top: 20px;
    width: 600px;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #BFBFBF;
}
#commentFix {
    position: relative;
}
#commentFixed {
    position: absolute;
    top: 20px;
}

#commentView {
    margin-left: 150px;
    margin-top: 20px;
    width: 600px;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #BFBFBF;
}

#power_button_position {
    margin-left: 300px;
}

#cancel {
    width: 80px;
    height: 30px;
    margin-left: 20px;
    background: url(../images/btn_cancelandno_normal_80x30.png) center 0px no-repeat;
    color: #555;
    font-size: 14px;
    font-weight: bold;
}

#cancel:hover {
    background: url(../images/btn_cancelandno_hover_80x30.png) center 0px no-repeat;
}
#new a {
    color: #418FB5;
    font-weight: normal;
    text-decoration: none;
}

#requester {
display: inline;
color: #555555;
font-size: 14px;
font-weight: normal;
margin-bottom: 10px;
}

#requester_p {
    height: 15px;
}

a {
    color: #418FB5;
    text-decoration: none;
}

p {
    font-size: 14px;
    font-weight: bold;

}

#button1 {
    margin-left: 250px;
}

猜你喜欢