style

o2web/source/o2_core/o2/xDesktop/$Default/blue/style-pc.css

@@ -4,13 +4,13 @@
 }
 .layout_menu {
     height: 100%;
-    width: 80px;
+    width: 150px;
     overflow: hidden;
     padding: 0;
     margin: 0;
     float: left;
     position: absolute;
-    background-color: #EEEEEE;
+    background-color: #eeeeee;
 }
 .layout_content {
     height: 100%;
@@ -41,10 +41,11 @@
     overflow: hidden;
 }
 .layout_menu_lnk_item {
-    height: 60px;
+    height: 40px;
+    line-height: 40px;
     cursor: pointer;
     padding: 5px 0;
-    text-align: center;
+    text-align: left;
     user-select: none;
     -webkit-user-select: none;
     -moz-user-select: none;
@@ -58,10 +59,12 @@
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
-    margin: auto;
-    margin-top: 10px;
-    height: 30px;
-    width: 30px;
+    height: 24px;
+    width: 24px;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 10px;
+    margin-left: 15px;
 }
 .layout_menu_lnk_item_drag {
     height: 40px;
@@ -92,7 +95,10 @@
     padding: 0 5px;
     color: #ffffff;
     font-size: 12px;
-    opacity: 0;
+    display: inline;
+    opacity: 1 !important;
+    vertical-align: middle;
+    visibility: visible !important;
 }
 .layout_menu_lnk_item_action {
     width: 14px;
@@ -121,7 +127,7 @@
 .layout_menu_setting {
     height: 70px;
 }
-.layout_menu_setting_button{
+.layout_menu_setting_button {
     height: 55px;
     padding-top: 15px;
     background-position: center;
@@ -138,7 +144,7 @@
     height: 70px;
     line-height: 70px;
     background-color: #ffffff;
-    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25);
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
     color: #333333;
     overflow: hidden;
 }
@@ -169,7 +175,7 @@
     margin-right: 15px;
     float: right;
 }
-.layout_content_taskbar_area_action_item{
+.layout_content_taskbar_area_action_item {
     width: 30px;
     height: 30px;
     float: left;
@@ -199,7 +205,7 @@
     width: 268px;
     margin-top: 20px;
     border-radius: 20px;
-    border: 1px solid #DDDDDD;
+    border: 1px solid #dddddd;
 }
 .layout_content_taskbar_area_search_box_focus {
     border-width: 1px;
@@ -283,12 +289,11 @@
     display: none;
 }
 
-
 /*task item*/
 .layout_content_taskbar_item {
     height: 28px;
     line-height: 28px;
-    background: #F7F7F7;
+    background: #f7f7f7;
     border-radius: 14px;
     font-size: 12px;
     color: #666666;
@@ -377,7 +382,7 @@
 /*layout start content*/
 .layout_start_content_mask {
     width: 390px;
-    background-color: #FFF;
+    background-color: #fff;
     position: absolute;
     top: 0;
     left: -390px;
@@ -390,7 +395,7 @@
 }
 .layout_start_content {
     background: #ffffff;
-    box-shadow: 4px 0 6px 0 rgba(0,0,0,0.25);
+    box-shadow: 4px 0 6px 0 rgba(0, 0, 0, 0.25);
     width: 390px;
     position: absolute;
     top: 0;
@@ -452,9 +457,9 @@
 .layout_menu_start_triangle {
     z-index: 20000;
     transform: rotate(45deg);
-    background: #FFFFFF;
+    background: #ffffff;
     top: 30px;
-    left: 75px;
+    left: 145px;
     position: absolute;
     width: 10px;
     height: 10px;
@@ -470,7 +475,7 @@
     text-align: center;
     cursor: pointer;
 }
-.layout_start_item_over{
+.layout_start_item_over {
     width: 52px;
     height: 52px;
     opacity: 0.3;
@@ -577,10 +582,11 @@
 }
 
 /*layout message*/
-.layout_content_message {}
+.layout_content_message {
+}
 .layout_message_mask {
     width: 360px;
-    background-color: #FFF;
+    background-color: #fff;
     position: absolute;
     z-index: 20000;
     opacity: 1;
@@ -595,7 +601,7 @@
     overflow: hidden;
     display: none;
     /*border-left: 1px solid #999;*/
-    box-shadow: -2px 0 4px 0 rgba(0,0,0,0.25);
+    box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.25);
     z-index: 20000;
     background-color: #ffffff;
 }
@@ -624,18 +630,18 @@
     border: 1px solid #333;
     background-color: #666;
     box-shadow: 1px 1px 3px #666;
-    color: #FFF;
+    color: #fff;
 }
 .layout_message_operation_clear .down {
     border: 1px solid #333;
     background-color: #666;
     box-shadow: 0 0 0 #333;
-    color: #FFF;
+    color: #fff;
 }
 .layout_message_item {
     padding: 5px;
     overflow: hidden;
-    border-bottom: 1px solid #CCCCCC;
+    border-bottom: 1px solid #cccccc;
     background: transparent;
     cursor: default;
 }
@@ -680,7 +686,7 @@
 .layout_message_tooltipArea {
     position: absolute;
     width: 340px;
-    z-index: 500000
+    z-index: 500000;
 }
 .layout_message_tooltip_item {
     margin: 10px 10px 0 0;
@@ -688,7 +694,7 @@
     width: 300px;
     padding: 5px 10px;
     overflow: hidden;
-    border: 1px solid #CCCCCC;
+    border: 1px solid #cccccc;
     background: #ffffff;
     cursor: default;
     border-radius: 8px;
@@ -696,8 +702,8 @@
 .layout_message_unread_node {
     width: 18px;
     height: 18px;
-    background: #F23030;
-    color: #FFFFFF;
+    background: #f23030;
+    color: #ffffff;
     text-align: center;
     font-size: 10px;
     line-height: 18px;
@@ -720,7 +726,7 @@
     z-index: 300000;
     top: -40px;
     opacity: 0;
-    box-shadow: 3PX 3PX 10px #999999;
+    box-shadow: 3px 3px 10px #999999;
 }
 .layout_start_groupItem_menu {
     position: absolute;
@@ -761,7 +767,7 @@
     padding-top: 10px;
 }
 .layout_start_item_icon_group_sub {
-    width:  14px;
+    width: 14px;
     height: 14px;
     margin-right: 2px;
     margin-bottom: 2px;
@@ -772,7 +778,7 @@
     background-position: center;
 }
 .layout_start_item_icon_group_subIcon {
-    width:  14px;
+    width: 14px;
     height: 14px;
     margin-right: 2px;
     margin-bottom: 2px;