aggregation-platform/new/sj_style.css

202 lines
16 KiB
CSS
Raw Normal View History

/* 样式重置 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.5; background:#fff;}
div,img,tr,td,table{ border:0;}
table,tr,td{border:0;cellspacing:0; cellpadding:0;}
ol,ul,li{ list-style-type:none}
a:link,a:visited{color:#7a7a7a;text-decoration:none;}
a:hover,a:active{color:#333;}
/* 清除 */
.clear{ zoom:1;}
.clear:after {content:".";height:0;visibility:hidden;display:block;clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both; overflow:hidden;}
/* public*/
.mt2{margin-top: 3px;}
2016-11-15 14:49:24 +08:00
.mt5{ margin-top: 5px;}.mt10{ margin-top: 10px;}.mt15{ margin-top: 15px;}
2016-11-02 15:30:20 +08:00
.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}.ml15{ margin-left:15px;}
2016-11-15 14:49:24 +08:00
.mr5{ margin-right:5px;}.mr10{ margin-right:10px;}.mr15{ margin-right:15px;}.mr17{ margin-right:17px;}.mr20{ margin-right:20px;}
.mb10{ margin-bottom: 10px;}
a.sj_btn_grey{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; background-image:-webkit-linear-gradient(top, #fdfdfd,#e8e8e8);background-image:linear-gradient(top,#fdfdfd,#e8e8e8); border:1px solid #cecece; color:#505050;}
a:hover.sj_btn_grey{ background-image:-webkit-linear-gradient(top, #eeeeee,#d3d3d3);background-image:linear-gradient(top,#eeeeee,#d3d3d3);}
.sj_btn_grey{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; background-image:-webkit-linear-gradient(top, #fdfdfd,#e8e8e8);background-image:linear-gradient(top,#fdfdfd,#e8e8e8); border:1px solid #cecece; color:#505050;}
2016-09-08 16:04:35 +08:00
.sj_btn_grey:hover{ background-image:-webkit-linear-gradient(top, #eeeeee,#d3d3d3);background-image:linear-gradient(top,#eeeeee,#d3d3d3);border:1px solid #cecece; color:#505050;}
.sj_btn_blue{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; background-image:-webkit-linear-gradient(top, #2a84e9,#0d62c1);background-image:linear-gradient(top,#2a84e9,#0d62c1);border:1px solid #1362b4; color:#fff;}
2016-09-09 16:55:37 +08:00
.sj_btn_blue:hover{ background-image:-webkit-linear-gradient(top, #4894ea,#3a83d6);background-image:linear-gradient(top,#4894ea,#3a83d6) color#fff;}
.sj_btn_green{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; background-image:-webkit-linear-gradient(top, #5cb85c,#398439);background-image:linear-gradient(top,#5cb85c,#398439);border:1px solid #398439; color:#fff;}
2016-09-18 14:43:54 +08:00
.sj_btn_green:hover{ border:none; background-image:-webkit-linear-gradient(top, #65c965,#398439);background-image:linear-gradient(top,#65c965,#398439); border:1px solid #398439;color:#fff;}
.sj_btn_red{ display:inline-block; padding:0px 15px; height:30px; line-height:30px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; background-image:-webkit-linear-gradient(top, #c60000,#a60000);background-image:linear-gradient(top,#c60000,#a60000);border:1px solid #8b0000; color:#fff;}
.sj_btn_red:hover{ border:none; background-image:-webkit-linear-gradient(top, #e00000,#ce0000);background-image:linear-gradient(top,#e00000,#ce0000);border:1px solid #8b0000; color:#fff;}
.sj_btn_cir{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;padding:0px 15px; height:30px; line-height:30px;}
/* sj_header */
.sj_header{ height:70px; width:100%; background:#1d1d1d;}
.sj_header a.sj_logo{ display:block; height:41px; width:146px; padding:14px 20px 0 12px;}
.sj_topnav{ height:70px; width:100%; padding-left: 170px; }
.navbar-pf .sj_topnav > li > a{ height:70px; line-height:70px; font-size:14px; color:#fff; padding:0px 20px;}
.sj_topnav li a:hover,.sj_topnav li a.sj_topnav_active{ background-image:-webkit-linear-gradient(top, #424242,#323232);background-image:linear-gradient(top,#424242,#323232); }
/* sj_content */
2016-09-09 15:19:56 +08:00
.sj_leftnav{ width:170px; min-height:800px; max-height:985px; background:#1d1d1d; }
.sj_leftnav_i{ background:#717171; padding:0 5px;;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; margin-left:80px; }
.sj_menu {margin-top:12px;background:#1d1d1d; }
.sj_menu_nav { background-image:-webkit-linear-gradient(top, #404040,#353535);background-image:linear-gradient(top,#404040,#353535); color: #fff; height:40px; line-height:38px; padding-left:15px; border: none; border-top: 2px solid #4d4d4d; border-bottom: 2px solid #1d1d1d;}
.sj_menu_nav:hover{ background-image:-webkit-linear-gradient(top, #535353,#353535);background-image:linear-gradient(top,#535353,#353535);}
.sj_menu_nav i{ font-style: normal;}
.sj_menu_nav a{ color: #fff;}
.sj_menu .sj_menu_nav ul{background: #1d1d1d; color: #fff;padding-left: 20px; border:none;}
.sj_menu_ul{ }
.sj_menu_ul li a{ display: block; background: #1d1d1d; color: #fff;padding-left: 30px; height: 40px; line-height: 40px; }
.sj_menu_ul li a:hover{background: #fff; color:#1d1d1d;}
.sj_menu_01{ background:url(../new/images/sj_icons.png) 0 0px no-repeat; padding-left:20px;}
.sj_menu_02{ background:url(../new/images/sj_icons.png) 0 -29px no-repeat; padding-left:20px;}
.sj_menu_03{ background:url(../new/images/sj_icons.png) 0 -112px no-repeat; padding-left:20px;}
.sj_menu_04{ background:url(../new/images/sj_icons.png) 0 -133px no-repeat; padding-left:20px;}
.sj_contentbox{ width:100%; background:#fff; min-height:800px; }
.sj_icons_home{ background:url(../new/images/sj_icons.png) 0 -60px no-repeat; width:15px; height:15px; margin-top:10px; margin-right:3px;}
.sj_content_position{ background:#e1e1e1; height:35px; line-height:35px; color:#7a7a7a; padding-left:190px; width: 100%;}
.sj_content_position ul li{ float:left;}
.sj_filter li{ float:left;}
.sj_filter li a{ display: inline-block; border:1px solid #cecece;background-image:-webkit-linear-gradient(top, #fcfcfc,#e9e9e9);background-image:linear-gradient(top, #fcfcfc,#e9e9e9); padding:5px 15px; color:#363636; margin-right:5px;}
.sj_filter li a:hover,.sj_filter li a.active{ background:#cdcdcd; border:1px solid #9e9e9e;}
.sj_content_top{ margin:20px 20px 0 190px;}
.sj_searchbox{position:relative;}
.sj_search_input{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#f5f5f5; padding-left:5px; color:#888; height:32px; width:310px;box-shadow: inset 0px 0px 5px #dcdcdc; }
.sj_searchbox a.sj_search_btn{ position:absolute; top:5px; right:5px; background:url(../new/images/sj_icons.png) 0 -82px no-repeat; display:block; width:20px; height:20px; }
/* table */
.sj_content_table{ }
.sj_content_table > tbody > tr > td{ height:38px; line-height:38px; padding: 0 10px; }
.sj_content_table > thead > tr > th{ height:38px; line-height:38px; padding: 0 10px; }
.sj_content_table .sj_tr_grey{ background:#f3f3f3;}
2016-09-19 10:40:50 +08:00
.sj_table_td01{ width:10%;}
.sj_table_td02{ width:20%;}
.sj_table_td03{ width:30%;}
.sj_table_td04{ width:40%;}
.sj_table_td05{ width:50%;}
.sj_table_td00{ width:5%;}
.sj_table_td06{ width:15%;}
.sj_over_hid{ display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sj_content_table table tr td input{ margin-top:15px;}
.sj_content_table .sj_table_top td{ border-bottom:1px solid #a6a6a6; font-weight:bold; border-right:1px solid #ccc;}
.sj_table_bottom{ height:30px; line-height:30px; }
.sj_table_bottom li{ float:left;}
.sj_table_select{ background:#fff; border:1px solid #b1b1b1; height:25px; margin:0 5px;}
2016-09-20 19:00:09 +08:00
.badge{ font-weight: normal; text-shadow:none; /*background-color: #a1a1a1*/;}
.simple-table-checkbox{ text-align: center;}
.table{ margin-bottom: 10px;}
.sj_nav_taps{ border-bottom: none;}
.sj_nav_taps li a{ display: inline-block; font-size: 12px; border:1px solid #cecece;background-image:-webkit-linear-gradient(top, #fcfcfc,#e9e9e9);background-image:linear-gradient(top, #fcfcfc,#e9e9e9); padding:5px 15px; color:#505050; margin-right:5px;}
.sj_nav_taps li a:hover,.sj_nav_taps li a.active{ background:#cdcdcd; border:1px solid #9e9e9e;}
.sj_nav_taps > li.active > a, .sj_nav_taps > li.active > a:hover, .sj_nav_taps > li.active > a:focus { background:#cdcdcd; border:1px solid #9e9e9e; color:#505050;}
2016-09-08 16:04:35 +08:00
.sj_fluid{ padding:0;}
.treecontrol{ font-size: 14px; height: 32px; line-height: 32px; padding-left: 15px;}
treecontrol.tree-classic li.tree-expanded i.tree-branch-head { padding: 1px 15px; padding-right:25px;background: url(../new/images/sj_tree_files.png) 0 -23px no-repeat;}
treecontrol.tree-classic li.tree-collapsed i.tree-branch-head{ padding: 1px 15px;padding-right:25px;background: url(../new/images/sj_tree_files.png) 0 0px no-repeat;}
treecontrol.tree-classic li.tree-leaf i.tree-leaf-head { padding: 1px 15px; padding-right:10px;background: url(../new/images/sj_tree_files.png) 0 -48px no-repeat;}
treecontrol.tree-classic li .tree-selected{background-color: #e5f0fb; color: #333; }
treecontrol li{ line-height: 30px; padding-left: 25px;}
treecontrol li:hover{}
2016-09-13 08:34:27 +08:00
.sj_modal_body{ height: 210px; overflow: auto;}
2016-09-08 16:04:35 +08:00
.modal{ width: 500px;}
.sj_modal-header{ height:42px; line-height: 42px; border-bottom: 1px solid #ddd; }
.sj_modal-header h4{ margin-top: 5px; font-weight: bold;}
.sj_modal_select{ width: 350px; height: 30px; line-height: 30px; border: 1px solid #ccc; }
.sj_contro_label{ height: 30px; line-height: 30px;}
.sj_contro_label{ padding-right:10px; }
2016-09-09 15:19:56 +08:00
.sj_fluid{ padding-right: 0px; padding-left: 0px; margin-top:0px;}
.sj_setting {height:70px; }
.sj_setting li a { background-image:none; border: none;}
.navbar-pf .sj_setting > li > a{ height:70px; line-height:70px; font-size:14px; color:#fff; padding:0px 20px;}
.navbar-pf .navbar-utility > li > a{ border: none;}
.sj_drop_menu{min-width: 120px; border: 1px solid #ccc; margin-right: 30px;}
.nav-pills > li + li{ margin-left: 0px;}
.sj_server{ }
2016-09-09 16:55:37 +08:00
.sj_txt_box{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding-left:5px; color:#888; height:32px; width:310px;box-shadow: inset 0px 0px 3px #dcdcdc; }
.sj_txt_box02{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding-left:5px; color:#888; height:32px; width:370px;box-shadow: inset 0px 0px 3px #dcdcdc;}
2016-09-18 14:43:54 +08:00
.sj_txt_box03{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding-left:5px; color:#888; height:32px; width:367px;box-shadow: inset 0px 0px 3px #dcdcdc; }
2016-09-19 13:45:10 +08:00
.sj_txt_box04{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding-left:5px; color:#888; height:32px; width:185px;box-shadow: inset 0px 0px 3px #dcdcdc; }
.sj_txt_box05{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding-left:5px; color:#888; height:32px; width:40px;box-shadow: inset 0px 0px 3px #dcdcdc; }
2016-09-09 15:19:56 +08:00
.search-query{ margin-top:0; margin-bottom: 0;}
.filter-header .btn, .filter-header form { margin-bottom: 0; margin-top:0;}
.kubernetes-view .filter-header{ margin-bottom: 0;}
2016-09-18 14:43:54 +08:00
.sj_btn{ box-shadow:none; -webkit-box-shadow:none; font-weight: normal; background:none; color:#0088cc;}
2016-09-09 16:55:37 +08:00
.sj_btn:hover{ color: #005580;}
.sj_form_input input{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:1px solid #d3d3d3; background:#fff; padding-left:5px; color:#888; height:32px; width:310px;box-shadow: inset 0px 0px 3px #dcdcdc;}
2016-11-15 14:49:24 +08:00
.sj_alert-warning{ background-color: #fff6d0; border-color:#f6e7aa; color: #fd5f00; }
.help-block{ color: #fd5f00;}
.alert{ padding:10px 15px; margin-bottom:0;}
.sj_control-label{ padding:0; line-height:30px; }
.modal-footer{ margin-top: 0;}
2016-09-13 08:34:27 +08:00
.badge-info{ background-color: #3498db;}
2016-09-13 14:21:56 +08:00
.btn:focus {outline: none;outline-offset: 0; }
td > .progress:first-child:last-child{ margin-top:9px;}
2016-09-13 15:42:09 +08:00
.progress-bar-success{ background-color: #5cb85c;}
.progress-bar-danger { background-color: #d9534f;}
2016-09-13 14:21:56 +08:00
.sj_progress_bar{ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; }
2016-09-13 15:42:09 +08:00
.sj_progress_font{ position: absolute; right:5px; top:0; }
2016-09-13 14:21:56 +08:00
.sj_table_border{ border: 1px solid #ccc; }
.sj_content_table .table-header{background-image:-webkit-linear-gradient(top, #f7f7f7,#dfdfdf);background-image:linear-gradient(top, #f7f7f7,#dfdfdf); border-bottom:1px solid #a6a6a6;}
2016-09-18 14:43:54 +08:00
.sj_c_green{ color: #58b358;}
2016-09-19 13:45:10 +08:00
.sj_new_box{ }
2016-09-18 14:43:54 +08:00
.sj_icon_ok{ padding:2px 10px; background: url(../new/images/sj_icons02.png) 0 0px no-repeat;}
.sj_icon_warning{ padding:2px 10px; background: url(../new/images/sj_icons02.png) 0 -30px no-repeat;}
.sj_icon_del{display:block; width:20px; height:25px; background: url(../new/images/sj_icons02.png) -36px -53px no-repeat;}
.sj_icon_del:hover{ background: url(../new/images/sj_icons02.png) -3px -53px no-repeat;}
.sj_icon_add{display:block; width:20px; height:25px; background: url(../new/images/sj_icons02.png) -36px -85px no-repeat;}
.sj_icon_add:hover{ background: url(../new/images/sj_icons02.png) -3px -85px no-repeat;}
2016-09-19 13:45:10 +08:00
.sj_new_table{ background:#f4f4f4; margin-top:20px; margin-left: 10px; padding:10px;}
2016-09-18 14:43:54 +08:00
.sj_new_table tr{ line-height:40px;}
.sj_new_table tr th.new_left{ width:50px;}
.sj_c_green{ color:#58b358;}
2016-09-19 10:40:50 +08:00
.sj_c_red{ color:#c00000;}
2016-10-20 16:31:36 +08:00
.sj_table_border{ border:1px solid #ddd;}
2016-10-28 08:42:45 +08:00
/*查看弹框 20161018byLB*/
2016-11-15 14:49:24 +08:00
.box_chakan{ width: 750px;background:none; padding:15px; line-height: 1.9; }
.box_chakan h2{ font-size: 14px; border-bottom: 1px solid #ccc; padding-bottom: 10px; padding-left: 15px;}
2016-10-28 08:42:45 +08:00
.box_chakan li{ margin-bottom: 10px;}
2016-11-15 14:49:24 +08:00
.box_chakan_leftinfo{ display:inline-block; width: 110px; text-align: right; font-weight: bold;}
2016-10-28 08:42:45 +08:00
.box_chakan_maxinfo{ display:inline-block; width: 600px; text-align: left; color: #666; }
.box_chakan_mininfo{ display:inline-block; width: 250px; text-align: left; color: #666; }
.box_chakan_smallinfo{ display:inline-block; width: 140px; text-align: left; color: #666; }
/*查看弹框 20161027byLB*/
2016-11-15 14:49:24 +08:00
.sj_box_w440{ width: 430px; height: 400px; overflow-x:scroll; border:1px solid #ddd;background: #fff; color: #666; padding:5px;}
.sj_box_w470{ width: 471px; height: 400px; overflow-x:scroll; border:1px solid #ddd;background: #fff; color: #666; padding:5px;}
.sj_box_w535{ width: 535px; height: 400px; overflow-x:scroll; border:1px solid #ddd;background: #fff; color: #666; padding:5px;}
.sj_new_box02{ width:580px; margin:0 auto; padding:20px; }
2016-11-02 15:30:20 +08:00
.sj_new_box03{ width:880px; margin:0 auto; }
2016-11-15 14:49:24 +08:00
.sj_new_box04{ width:960px; margin:0 auto; }
.sj_new_box05{ width:540px; margin:0 auto; }
2016-10-28 08:42:45 +08:00
.sj_width440{width: 440px;}
2016-11-15 14:49:24 +08:00
.sj_width470{width: 470px;}
.sj_width535{width: 535px;}
.sj_box_w580{width:560px;}
2016-10-28 08:42:45 +08:00
.fb{ font-weight: bold;}
.mr60{ margin-right: 60px;}
.sj_link{padding-left: 60px; width: 360px;}
2016-11-03 10:48:03 +08:00
.sj_popup_h2{ font-size: 14px; color: #333;}
/*查看弹框 20161102byLB*/
.sj_new_table02{border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.sj_new_table02 tr{ line-height:30px; }
.sj_new_table02 td,.sj_new_table02 th{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
2016-11-15 14:49:24 +08:00
table tr.sj_popup_toptxt th{ font-weight: bold; text-align: center; color: #333; }
2016-11-03 10:48:03 +08:00
.sj_popup_boxrightline{ border-right:1px solid #ddd; }
2016-11-15 14:49:24 +08:00
.sj_popup_lefttxt { width: 105px; text-align: right;padding:0 5px; font-weight: bold; }
2016-11-03 10:48:03 +08:00
.sj_popup_midtxt { width: 348px; margin-bottom: 10px; color: #666; padding:0 5px;}
2016-11-15 14:49:24 +08:00
.sj_popup_righttxt { width: 50px; margin-bottom: 10px; text-align: center; padding:0 5px;}
.sj_select_box{ height: 30px; line-height: 30px;}
.help-block{ margin-top: 0;}
.col-md-12{ padding-left:0; padding-right:20px;}
.sj_link_blue{ color:#2a84e9; border:none; padding:0; margin:0; background: none; text-align: left; margin-left: -5px;}
.sj_link_blue:hover{ color: #0d62c1;}
.table_sj_td_center tr td{ text-align: center;}
.sj_popup_txtbold { width: 105px; text-align: center;padding:0 5px; font-weight: bold; }
.sj_popup_p{ width:540px; text-align:center; color: #666;}