git-svn-id: https://192.168.57.71/svn/jsgkj@1210 931142cf-59ea-a443-aa0e-51397b428577

gkaqv2/trunk/modules/web/src/main/webapp/static/css/common/flexy-menu.css

@@ -0,0 +1,163 @@
+.flexy-menu {
+	width: 100%;
+	height:40px;
+	margin: 0;
+	padding: 0;
+	position: relative;
+	float: left;
+	font-family: "Source Sans Pro", Segoe UI, Arial;
+	list-style: none;
+	background: -webkit-linear-gradient(left, #3e4f7d , #313e63); /* Safari 5.1 - 6.0 */
+    background: -o-linear-gradient(right, #3e4f7d, #313e63); /* Opera 11.1 - 12.0 */
+    background: -moz-linear-gradient(right, #3e4f7d, #313e63); /* Firefox 3.6 - 15 */
+    background: linear-gradient(to right, #3e4f7d , #313e63); /* 标准的语法（必须放在最后） */
+}
+
+.flexy-menu li {
+	display: inline;
+	font-size: 13px;
+	margin: 0;
+	padding: 0;
+	float: left;
+	line-height: 20px;
+	position: relative
+}
+
+.flexy-menu>li>a {
+	padding: 10px 12px;
+	color: #a1b5ef;
+	text-decoration: none;
+	display: block;
+	text-transform: uppercase;
+	-webkit-transition: color .2s linear, background .2s linear;
+	-moz-transition: color .2s linear, background .2s linear;
+	-o-transition: color .2s linear, background .2s linear;
+	transition: color .2s linear, background .2s linear
+}
+
+.flexy-menu li:hover>a, .flexy-menu li.active a {
+	background: #555;
+	color: #fff
+}
+
+.flexy-menu li.right {
+	float: right
+}
+
+.flexy-menu ul, .flexy-menu ul li ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: none;
+	position: absolute;
+	z-index: 99999;
+	width: auto;
+	white-space: nowrap;
+	background: #374671;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
+}
+
+.flexy-menu ul {
+	top: 40px;
+	left: 0
+}
+
+.flexy-menu ul li ul {
+	top: 0;
+	left: 100%
+}
+
+.flexy-menu ul li {
+	clear: both;
+	width: 100%;
+	border: 0;
+	font-size: 12px
+}
+
+.flexy-menu ul li a {
+	padding: 5px 20px;
+	width: 100%;
+	color: #a1b5ef;
+	font-size: 13px;
+	text-decoration: none;
+	display: inline-block;
+	float: left;
+	clear: both;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-webkit-transition: color .2s linear, background .2s linear;
+	-moz-transition: color .2s linear, background .2s linear;
+	-o-transition: color .2s linear, background .2s linear;
+	transition: color .2s linear, background .2s linear
+}
+
+.thin>li>a {
+	padding: 10px 22px
+}
+
+.thin ul {
+	top: 40px
+}
+
+.thick>li>a {
+	padding: 40px 22px
+}
+
+.thick ul {
+	top: 100px
+}
+
+.flexy-menu i {
+	line-height: 20px !important;
+	margin-right: 6px;
+	font-size: 18px;
+	float: left
+}
+
+.orange li:hover>a, .orange li.active a {
+	background: #43CFE8;
+	color: #fff !important
+}
+
+.flexy-menu.vertical {
+	width: 200px
+}
+
+.flexy-menu.vertical li {
+	width: 100%
+}
+
+.flexy-menu.vertical li a {
+	display: inline-block !important;
+	width: 100%;
+	padding: 18px 20px 16px;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box
+}
+
+.flexy-menu.vertical ul li {
+	width: 100%
+}
+
+.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {
+	width: 150px
+}
+
+.flexy-menu.vertical ul {
+	top: 0;
+	left: 100%
+}
+
+.flexy-menu.vertical ul li ul {
+	top: 1px
+}
+
+.flexy-menu.vertical.right {
+	float: right !important
+}
+
+.flexy-menu.vertical.right ul {
+	left: -150px !important
+}

gkaqv2/trunk/modules/web/src/main/webapp/static/css/common/main.css

@@ -7,37 +7,35 @@
 }
 .p_all {
 	height:100%;
-	text-align:center;
 	background-image:url('../../images/list/repeat_bg.png');
 }
 .p_block {
 	width:100%;
-	margin:0 auto;
-	position:relative;
+	margin:0;
 }
 .p_headblock {
 	background-color:#23A5B8;
 	width:100%;
-	height:34px;
+	height:22px;
 	margin:0 auto;
-	position:relative;
 }
 .p_headleft {
-	width:100%;
+	width:90%;
 	text-align:left;
-	padding:7px 0px 0px 10px;
+	padding:0px 0px 0px 10px;
 	color:#ffffff;
 	font-weight:bold;
 }
 
 .p_buttondiv {
-	width:100%;
+	width:90%;
 	text-align:left;
-	padding:6px 0px 6px 20px;
-	height:56px;
+	padding:6px 0px 0px 10px;
+	height:50px;
 }
 
 .p_buttonbg {
+	margin:0px 0px 0px 0px;
 	float:left;
 	width:46px;
 	height:46px;
@@ -240,14 +238,22 @@ easyui
 */
 .regionCenterStyle{
 	width:auto;
+	padding:0px;
 	border:0px;
 }
 .regionNorthStyle{
-	height:132px;
+	height:60px;
+	border:0px;
+}
+.regionNorthMenuStyle{
+	height:40px;
 	border:0px;
 }
 .regionWestStyle{
-	width:150px;
+	border:0px;
+	width:90px;
+    background-color: #313e63;
+    overflow: hidden;
 }
 .regionFooterStyle{
 	height:26px;
@@ -275,3 +281,53 @@ input[type=radio], input[type=checkbox] {
   line-height: normal;
 }
 
+.arrowdiv {
+	top: 300px;width: 18px;height:21px;margin: 0px;position: absolute; z-index: 1;overflow: hidden;
+}
+
+.arrowdiv1 {
+	top: 300px;width: 18px;height:21px;margin: 0px;position: absolute; z-index: 1;overflow: hidden;
+}
+
+.arrowright {
+    display: block;
+    width: 18px;
+    height: 21px;
+    margin: 0px 0px 0px 1px;
+    vertical-align: top;
+    background: url('../../images/nav2/expand.png') no-repeat 0 0px;
+}
+
+.arrowleft {
+    display: block;
+    width: 18px;
+    height: 21px;
+    margin: 0px 0px 0px 0px;
+    vertical-align: top;
+    background: url('../../images/nav2/collapse.png') no-repeat 0 0px;z-index: 1254;
+}
+
+<!-- ×ó±ßÀ¸ -->
+.s_all {
+	text-align:center;
+}
+.s_node {
+    width: 90px;
+    height: 80px;
+    cursor:pointer;
+}
+.s_nodeImg {
+    width: 40px;
+    height: 35px;
+}
+.s_nodeImgDiv {
+	margin:0px 0px 0px 25px;
+	padding:14px 0px 0px 0px;
+}
+.s_nodeTextDiv {
+	margin:5px 0px 0px 0px;
+	text-align:center;
+	color:#a1b5ef;/** 70eaff */
+}
+
+

gkaqv2/trunk/modules/web/src/main/webapp/static/css/common/menubar.css

@@ -0,0 +1,4 @@
+
+.m_div {
+	height:40px;
+}

gkaqv2/trunk/modules/web/src/main/webapp/static/css/common/navbar.css

@@ -4,23 +4,36 @@
 	padding: 0px;
 	width: 100%;
 	border: none;
+	font-family:"SimHei";
 	margin:0px;
-	background-color:#6FC2D7;
-	height:98px;
+	height:60px;
 	overflow:hidden;
-	background-image:url('../../images/nav/map_nav_bg.jpg');
+	background: -webkit-linear-gradient(left, #4868C7 , #374b84); /* Safari 5.1 - 6.0 */
+    background: -o-linear-gradient(right, #4868C7, #374b84); /* Opera 11.1 - 12.0 */
+    background: -moz-linear-gradient(right, #4868C7, #374b84); /* Firefox 3.6 - 15 */
+    background: linear-gradient(to right, #4868C7 , #374b84); /* 标准的语法（必须放在最后） */
+}
+.h_logodiv {
+	padding:9px;
+	float:left;
+	height:60px;
+	width:60px;
+}
+.h_logoimg {
+	width:42px;
+	height:42px;
 }
 .h_title {
 	float:left;
-	height:98px;
-	width:100%;
-	background-image:url('../../images/nav/main_title_bg.png');
+	height:60px;
+	width:470px;
 	background-repeat:no-repeat;
 }
 .h_title_name {
-	padding:30px 0px 0px 90px;
+	padding:10px 0px 0px 0px;
 	color:#FFFFFF;
-	font-size:28px;
+	font-weight:bold;
+	font-size:26px;
 }
 .h_divsecmenu {
 	padding-right:15px;
@@ -30,28 +43,22 @@
 	background-image:url('../../images/nav/sec_nav_bg.jpg');
 	background-repeat:repeat;
 }
-
-@font-face {
-	font-family: 'headTitle'; 
-	src: url('../../font/hzgb.ttf'); 
-} 
 /** 用户按钮栏 */
 .h_sysmenu{
-	width: 684px;
-	min-width: 684px;
-	height:37px;
+	width: 245px;
+	min-width: 245px;
+	height:60px;
 	position: absolute;
 	top: 0px;
 	right: 0px;
 	font-size: 0;
 	line-height: 0;
 	z-index: 1001;
-	background-image:url('../../images/map/top_bg.png');
 	background-repeat:no-repeat;
 }
 .h_usermenu{
 	width: auto;
-	min-width: 684px;
+	min-width: 245px;
 	height:61px;
 	position: absolute;
 	top: 37px;
@@ -64,27 +71,21 @@
 	float:left;
 	padding:4px 0px 7px 15px;
 }
-.h_maodian{
-	float:left;
-	width:26px;
-	height:26px;
-}
 .h_divorg{
 	float:left;
-	width:80px;
+	width:70px;
 	margin:15px 0px 0px 5px;
-	font-size:16px;
-	font-weight:bold;
-	color:red;
-	font-bold:weight;
+	font-size:20px;
+	color:#FFFFFF;
 }
 .h_divwelcome{
 	width:50px;
 	height:26px;
 	float:left;
-	margin:16px 0px 0px 0px;
+	margin:22px 0px 0px 0px;
+	font-family:"微软雅黑";
 	font-size:12px;
-	color:black;
+	color:#FFFFFF;
 }
 .h_divuserimg{
 	width:17px;
@@ -97,21 +98,21 @@
 	margin:8px 0px 0px 3px;
 }
 .h_divusername{
-	width:150px;
-	height:26px;
 	float:left;
-	margin:17px 0px 0px 8px;
-	font-size:12px;
-	color:black;
+	height:22px;
+	height:22px;
+	padding:30px 0px 0px 3px;
+	font-family:"微软雅黑";
+	font-size:14px;
+	color:#FFFFFF;
 }
 
 .aline {
     background: 0 0;
-    color: #000000;
-    text-decoration: underline;
+    color: #FFFFFF;
 }
 .aline:hover {
-    color: #1e70bf;
+    color: #43CFE8;
     text-decoration: underline;
 }
 .aline:active, aline:hover {
@@ -121,92 +122,22 @@
 	width:175px;
 	height:26px;
 	float:left;
-	margin:16px 0px 0px 0px;
+	margin:22px 0px 0px 0px;
+	font-family:"微软雅黑";
 	font-size:12px;
-	color:black;
+	color:#FFFFFF;
 }
 .h_divsysimg{
 	float:left;
-	width:130px;
-	height:24px;
-	margin:4px 0px 0px 20px;
-	font-size:12px;
-	color:black;
-}
-.h_sysimg{
-	width:22px;
-	height:22px;
-	margin:0px 0px 0px 2px;
-	cursor:pointer;
-}
-.h_usermenu .h_divfirst{
-	float:right;
 	width:auto;
-	height:61px;
-	text-align:center;
-	padding:18px 5px 0px 5px;
-	font-size:12px;
-	color:#FFFFFF;
-	background-position: center;
-	cursor:pointer;
-}
-.h_usermenu .h_divfirstselected{
-	float:right;
-	text-align:center;
-	padding:18px 5px 0px 5px;
-	font-size:12px;
-	color:#FFFFFF;
-}
-.h_usermenu .h_firstimg{
-}
-.h_usermenu .h_divtextfirst{
-	padding:10px 0px 0px 0px;
-	font-size:12px;
+	height:32px;
+	margin:14px 0px 0px 15px;
+	font-size:14px;
 	color:#FFFFFF;
 }
-.h_divsepfirst{
-	padding:5px 0px 0px 0px;
-	float:right;
-	width:2px;
-	height:61px;
-}
-.h_divsepfirst .h_firstsepimg{
-	width:2px;
-	height:56px;
-}
-
-.h_divsecmenu .h_divsecond{
-	float:right;
-	width:auto;
-	height:34px;
-	text-align:center;
-	padding:5px 0px 0px 5px;
-	font-size:12px;
-	color:#000000;
-	background-position: center;
+.h_sysimg{
+	width:32px;
+	height:32px;
+	margin:0px 0px 0px 2px;
 	cursor:pointer;
-}
-.h_divsecmenu .h_divsecondselected{
-	float:right;
-	text-align:center;
-	padding:18px 5px 0px 5px;
-	font-size:12px;
-	color:#000000;
-}
-.h_divsecmenu .h_divtextsecond{
-	padding:3px 5px 3px 5px;
-	font-size:12px;
-	color:#000000;
-	background-size:cover;
-}
-.h_divsecmenu .h_secondimg{
-	margin-right:2px;
-}
-.h_divsepsecond{
-	padding:0px 0px 0px 0px;
-	float:right;
-}
-.h_divsepsecond .h_secondsepimg{
-	width:8px;
-	height:34px;
 }