Portal reworked (code factorization, allowing for paginated lists) + added the list of closed tickets (+search)

git-svn-id: http://svn.code.sf.net/p/itop/code/trunk@1577 a333f486-631f-4898-b8df-5754b55c2be0

portal/portal.css

@@ -7,72 +7,98 @@ html, body {
 	height: 100%;
 }
 #content {
-	margin: 10px;
+	margin: auto;
 	padding-left: 10px;
 	padding-right: 10px;
 	text-align: center;
 	overflow-y: auto;
+	no.max-width: 90%;
+	min-width: 960px;
+	position: relative;
 	display: block;
+	clear: both;
+}
+div#portal #welcome {
+	display: none;
+	background: url("./images/dockbar_bg.png") repeat-x scroll 0 0 #97A1AE;
+	border-bottom: 1px solid #636364;
+	font-size: 13px;
+	padding: 1px 5px;
+	position: relative;
+	z-index: 300;
+	text-align:right;
+	color: #2C2F34;
+	font-weight: bold;
+	text-shadow: 1px 1px #FFFFFF;
 }
 div#portal #banner {
-	width: 100%;
-	height: 60px;
+	background-color: #F6F6F1;
 	display: block;
-	vertical-align:middle;
-	background-color: #f6f6f1;
-}
-
-div#portal #logo {
-	width: 126px;
-	background: url(../images/itop-logo.png) 0 0 no-repeat;
-	margin-left:20px;
-	margin-right:20px;
 	height: 60px;
-	border: 0;
 	vertical-align: middle;
-	text-align: center;
+	width: 100%;
+}
+div#portal #logo {
+	background: url("../images/itop-logo.png") no-repeat scroll 0 0 transparent;
+	border: 0 none;
 	display: inline-block;
+	height: 116px;
 	line-height: 48px;
-	padding-right:50px;
+	margin-left: 20px;
+	margin-right: 20px;
+	padding-right: 50px;
+	text-align: center;
+	vertical-align: middle;
+	width: 240px;
 }
+
 div#menu {
 	display: block;
-	width: auto;
-	position: absolute;
-	top: 0;
+	height: 48px;
 	left: 200px;
-	right: 0px;
 	line-height: 48px;
-	height: 48px;
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: auto;
 }
+
 #portal_menu {
 	height: 60px;
 }
 
-div.button {
-	margin-left:20px;
-	margin-right:20px;
-	height: 60px;
-	border: 0;
-	vertical-align: middle;
-	text-align: center;
-	display: inline-block;
-	line-height: 48px;
+#change_pwd {
+	background: url("../images/password.png") no-repeat scroll 0 0 transparent;
+	display: block;
+	float: right;
 }
 
-a.button , a.button:visited {
+#logoff {
+	background: url("../images/logoff.png") no-repeat scroll 0 0 transparent;
+	display: block;
+	float: right;
+}
+#logoff span {
+}
+
+div.button {
+    font-size: 1.1em;
+    font-weight: bold;
+    text-decoration: none;
+}
+a.button, a.button:visited {
 	color: #1C94C4;
-	text-decoration: none;
-	vertical-align: middle;
+	display: inline-block;
 	height: 48px;
 	line-height: 48px;
-	display: inline-block;
+	text-decoration: none;
+	vertical-align: middle;
 }
 
 a.button span {
-	vertical-align:middle;
-	margin-right: 20px;
 	margin-left: 50px;
+	margin-right: 20px;
+	vertical-align: middle;
 }
 
 #close_form_table {
@@ -80,66 +106,117 @@ a.button span {
 	padding: 20px;
 }
 
-#logoff {
-	display: block;
-	float: right;
-	background: url(../images/logoff.png) right center no-repeat;
+#request_details td {
+	text-align:left;
 }
 
-#logoff span {
-	margin-right: 50px;
-	margin-left: 20px;
+#request_details td fieldset{
+	xxxheight:100%;
 }
 
-#cancel {
-	background: url(../images/stop-mid.png) 0 0 no-repeat;
+#form_details {
+	display: inline-block;
 }
 
-#create {
-	background: url(../modules/itop-request-mgmt-1.0.0/images/user-request.png) 0 0 no-repeat;
+.wizContainer table {
+	display: inline-block;
+	text-align: left;
 }
-#user_info {
-	background: url(../images/clean-mid.png) 0 0 no-repeat;
+
+#user_request_comment {
+	width: 30em;
+	height: 20em;
 }
 
-#change_pwd {
-	background: url(../images/password.png) 0 0 no-repeat;
+#buttons {
+	margin-top: 1em;
 }
-#back {
-	background: url(../images/back.png) 0 0 no-repeat;
+div#buttons #btn_cancel {
+	margin-right: 50px;
 }
-#back span {
-	margin-left: 54px;
+
+div#buttons #btn_back {
+	margin-left: 50px;
+	margin-right: 5px;
 }
-#refresh {
-	background: url(../images/refresh.png) 0 0 no-repeat;
-	margin-right: 40px;
+
+div#buttons #btn_next {
+	margin-left: 5px;
 }
-#refresh span {
-	margin-left: 54px;
-	margin-right: 20px;
+
+div#buttons #btn_finish {
+	margin-left: 5px;
 }
-#request_details {
-	display: inline-block;
-	width:800px;
-	text-align: left;
+table.listContainer {
+	clear: both;
+	width: 100%;
 }
-#form_close_request {
-	display: inline-block;
-	width:800px;
-	text-align: left;
+h1 {
+	font-weight: bold;
+	font-weight: bold;
+	padding: 5px;
+	margin-top: 5px;
 }
-#request_details_log {
-	width:774px;
+
+div.DrawerHandle {
+	display:none;
 }
-#request_details table {
-	border: #f1f1f6 2px solid;
-	text-align: left;
+div.HRDrawer {
+	background: transparent;
+	border: 0;
+	height: 0.5em;
 }
-#form_details {
-	display: inline-block;
+
+.SearchDrawer {
+	background-color: #F9EDBF;
+	border: 0;
+    -moz-border-radius: 4px 4px 4px 4px;
+}
+.SearchDrawer label {
+	background: transparent;
+}
+#open_incidents, #open_requests, #open_changes, #request_details {
+	margin-bottom: 1em;
+}
+legend {
+	background: url("./images/header_bg.png") repeat-x scroll 0 0 #D4D4D4;
+	border-color: #C8C9CA #9E9E9E #9E9E9E #C8C9CA;
+    border-style: solid;
+    border-width: 1px;
+    font-size: 1.1em;
+    font-weight: bold;
+    color: #222222;
+    font-weight: bold;
+    text-shadow: 1px 1px #FFFFFF;
+    padding: 5px;
+    -moz-border-radius: 4px 4px 4px 4px;
+    margin-top:0;
+}
+table.details > tbody > tr > td {
+  padding-bottom: 5px;
+  padding-top: 3px;
+  padding-right: 5px;
+  border: 0;
+}
+.label {
+	font-weight: bold;
+}
+.caselog {
+	display:block;
+	width: 100%;
 }
-.wizContainer table {
-	display: inline-block;
-	text-align: left;
+.caselog textarea {
+	resize: none;
+}
+.edit_item {
+	margin-bottom: 1em;
+}
+div.edit_item span div table {
+  width: 100%;
 }
+div.edit_item span div table tbody tr td textarea{
+  width: 99%;
+}
+div#ticket_shortcuts form {
+	display: inline-block;
+}