ssp_web/src/main/webapp/assets/css/common_style.css

/************public-head CSS**************/
/* 设置页面的元素 内边距和外边距为0， 和字体的样式 */
*{
	padding: 0px;
	margin: 0px;
	font-family: "microsoft yahei";
	font-size:14px;
}
body{
	width:100%;	
	background-color:#f5f5f5;
}

a:hover{
	text-decoration:none;
}

ul{
	margin:0px;
}

li{
	list-style: none;
}

/* 登陆页面 */
body.login-layout {
   background:#fff
}
body.login-layout:before {
   display:none
}
.login-container {
   width:375px;
   margin:120px auto 0 auto
}
.login-layout #main-content {
   margin-left:0;
   min-height:100%
}
.login-layout input[type="text"],.login-layout input[type="password"],.login-layout input[type="datetime"],.login-layout input[type="datetime-local"],.login-layout input[type="date"],.login-layout input[type="month"],.login-layout input[type="time"],.login-layout input[type="week"],.login-layout input[type="number"],.login-layout input[type="email"],.login-layout input[type="url"],.login-layout input[type="search"],.login-layout input[type="tel"],.login-layout input[type="color"] {
   line-height:32px;
   height:32px;
   max-height:32px;
   margin-bottom:4px
}
.login-layout label {
   margin-bottom:11px
}
.login-layout .widget-box {
   visibility:hidden;
   position:absolute;
   overflow:hidden;
   width:100%;
   -moz-transform:scale(0,1) translate(-150px);
   -webkit-transform:scale(0,1) translate(-150px);
   -o-transform:scale(0,1) translate(-150px);
   -ms-transform:scale(0,1) translate(-150px);
   transform:scale(0,1) translate(-150px)
}
.login-layout .widget-box.visible {
   -moz-transform:scale(1,1) translate(0);
   -webkit-transform:scale(1,1) translate(0);
   -o-transform:scale(1,1) translate(0);
   -ms-transform:scale(1,1) translate(0);
   transform:scale(1,1) translate(0);
   visibility:visible;
   -moz-transition:all .3s ease;
   -ms-transition:all .3s ease;
   transition:all .3s ease;
   -o-transition:none;
   -webkit-transition:none;
   margin:30px 0 0 30px;
}
.login-layout .widget-box {
   border-bottom:0;
   box-shadow:none;
   padding:6px;
   background-color:#fff
}
.login-layout .widget-box .widget-main {
   background:#fff
}
.login-layout .widget-box .widget-main form {
   margin:0
}
.login-layout .widget-box .widget-body .toolbar>div>a {
   font-size:15px;
   font-weight:400;
}
#login-box .forgot-password-link {
   color:#FE9
}
#login-box .user-signup-link {
   margin-left: 0;
   color:#fff;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
}
/* 设置头部背景宽度高度和最小宽度 */
#headDiv{
	background-image:url(../images/home_page_background.jpg);
	position:absolute;
	top:0px;	
    width:100%;
    height: 100px;
    min-width: 1300px;
}
/* 设置logo的位置和浮动 */
#headDiv .logo{
	margin-left:26px;
	margin-top:22px;
	margin-bottom:18px;
	float:left;
}
/* 设置ul的位置和浮动 */
#headDiv #menu{
	margin-left:35px;
	float:left;
}
/* 设置li文字水平垂直居中 */
#headDiv #menu li{
	float:left;
	text-align: center;
	line-height:78px;
}
/* 设置a链接为块，高度宽度样式 */
#headDiv #menu li a{
	display: block;
	height:78px;
	width: 89px;
	outline:none;
	color:#ffffff;	
	text-decoration:none;
	cursor:pointer;
}

/* 设置链接访问之后的样式 */
#headDiv #menu li a:visited{
	background-color:#344c68;
}
/* 设置链接hover时的背景和鼠标样式 */
#headDiv #menu li a:hover,#headDiv #menu li a.menu_change{
	background-image:url(../images/tophover_bg.jpg);	
}
/**设置LOGO位置**/
#logoa{
	margin-top:13px;
	margin-left:30px;
	with:auto;
	display:inline-block;
	float:left;
}
.logo1{
	margin-right:20px;
}
.logo3{
	margin:3px 30px 0 20px;
}
/*******设置个人信息栏的样式*********/
/* 设置信息栏的位置背景色，透明 */
#divselect {
	position:relative;
  	float:right;
  	margin-top:15px;
  	margin-right:1.5%;
	width: 240px;
	height:50px;
	border-radius: 5px;	
	z-index:2;	
}
#currentOpa{
	opacity:0.5;
	filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;/*设置50%半透明;*/
	background-color:#000000;
	border-radius: 5px;	
	background-image: url(../images/ren.png);
	background-repeat:no-repeat;
	background-position:6% 50%;
}
/* 设置个人邮箱的位置背景 */
#divselect cite {
	height: 50px;
	display: block;
	color: #fff;
	cursor: pointer;
	padding-left:50px;	
	background: url(../images/triangle.png) no-repeat 90% 52%;	
	padding-top:5px;
}
#divselect cite li{
	 width:150px;
	 white-space:nowrap;
	 overflow:hidden; 
	 text-overflow:ellipsis;
	 font-size: 12px;
}
#divselect cite li:first{
	 	 
}
/* 设置个人信息下拉框 */
#divselect ul {
	margin-left:0px;
	width: 240px;
	display:none;
	
}
#divselect ul li {
	background-color:#344c67;
	text-align: center;
	border-bottom:solid #5c728a 1px;
	border-radius: 3px;
	width: 240px;
}

#divselect ul li a {
	display: block;
	height: 30px;
	line-height:30px;
	color: #fff;
	font-size: 12px;
}
#divselect ul li a:hover {
	background-color: #5b728a;
	border-radius: 3px;
}

/* 设置页面内容的位置宽度高度背景色和圆角 */
#pagecontent{
	position:relative;	
	margin-left: auto;
	margin-right: auto;
	margin-top:78px; 
	width:97%;
	height:auto;
	background-color:#ffffff;
	border-radius:5px;
	min-width: 1300px;
	border:1px solid #e5e5e5;
	border-top:none;
} 

#content{
	padding:20px;
}
/* 切换页面 */
#selectBar a{
	float:left;	
	width: 78px;
	border-bottom: 2px solid #f4f5f7;
	color: #4c637b;
	text-align:center;
	padding-bottom:10px;
	text-decoration: none;
}

#selectBar a:hover{
	border-bottom: 2px solid #36aeea;
	color: #36aeea;
}

#selectBar a.selectBar_all{
	border-bottom: 2px solid #36aeea;
}

#navDiv,#dashboard_top_advertiser,#myform,#dashboard_diagram{
	clear:both;
}

#navDiv ul#navDiv_ul li{
	float:left;
}

#dashboard_top_advertiser{
	width:100%;
	padding-top:20px;
}

#dashboard_top_advertiser #left{
	float:left;
	width:60%;
	height:200px;
}

#dashboard_top_advertiser #right{
	float:left;
	width:38.3%;
	height:200px;
	margin-left:20px;
}

#dashboard_top_advertiser .up{
	height:50px;
	line-height:50px;
	width:100%;
	border:1px solid #d5dee8;
	border-bottom:none;
}
#dashboard_top_advertiser .up span{
	height:34px;
	line-height:34px;
	padding-left:20px;
}

#dashboard_top_advertiser .down{
	width:100%;
	height:140px;
	line-height:140px;
	border:1px solid #d5dee8;
}

#dashboard_top_advertiser #left .up ul#main_advertiserul{
	float:right;
	margin:8px 20px 0 0;
}

#dashboard_chartContent .chart-up .son_ul{
	margin-top:35px;
}

#dashboard_top_advertiser #left .dataFrame{
	float:left;
	width:30%;
	height:118px;
	border:1px solid #d5dee8;
	margin:10px 8px;
	border-radius:5px;
}

#dashboard_top_advertiser #left .dataFrame:hover{
	background-color:#36aeea;
	color:#fff;
}

#dashboard_top_advertiser #left .down #exposure{
	margin-left:19px;
}

#dashboard_top_advertiser #left .dataFrame .dataFrame_name{
	height:35px;
	line-height:35px;
	border-bottom:1px solid #d5dee8;
	padding:0 20px;
}

#dashboard_top_advertiser #left .dataFrame .dataFrame_name i{
	float:right;
}

#dashboard_top_advertiser #left .dataFrame .dataFrame_data{
	width:100%;
	height:82px;
	text-align:center;
	line-height:82px;
}

#dashboard_top_advertiser #right .down ul#main_advertiserul2{
	margin:54px 20px 0 20px;
}

.btn1{
	height:34px;
	line-height:34px;
	width:150px;
	border-radius:5px;
	font-size:12px;
	color:#ffffff;
	border:none;
    background-color:#36aeea;
}

#diagramHead{
	width:303px;
	margin:auto;
	height:34px;
	border-bottom:1px solid #d5dee8;
	padding-top:15px;
}

#diagramHead span{
	float:left;
	width:150px;
	height:34px;
	line-height:34px;
	text-align:center;
	cursor:pointer;
	background-color: white;
	
}
#diagramHead span:first-child{
	border-left:1px solid #d5dee8;
	border-top:1px solid #d5dee8;
	border-bottom:1px solid #ffffff;
	position: absolute;
}
#diagramHead span:last-child{
	border:1px solid #d5dee8;
	border-bottom:none;
	position: absolute;
	margin-left:150px;
}

#dashboard_chartContent{
	width:100%;
	height:500px;
}

#dashboard_chartContent .chart-up{
	height:66px;
	border:1px solid #d5dee8;
}

#dashboard_chartContent .chart-up .pull-down,#dashboard_chartContent .chart-up .time-period{
	height:50px;
	margin-top:20px important!;
	float:left;
	line-height:66px;
}

#dashboard_chartContent .chart-up .pull-down ul#main_advertiserul3{
	margin-top:16px;
}

#dashboard_chartContent .chart-up .pull-down span{
	float:left;
	width:80px;
}

#dashboard_chartContent .chart-up .time-period span{
	width:95px;
}

#dashboard_chartContent .chart-up .right{
	margin:10px 20px 0 0;
	float:right;
	line-height:25px;
}

#dashboard_chartContent .chart-up .right span.time{
	margin-left:12px;
	color:#344c67;
	cursor:pointer;
}

#dashboard_chartContent .chart-up .right span.time:nth-child(2){
	color:#36aeea;
}

#dashboard_chartContent .chart-up .right #right_radio span{
	margin-left:12px;
}

#dashboard_chartContent .chart-up .right #right_radio input[type='radio']{
	margin-top:-4px;
}

#dashboard_chartContent .chart-down{
	position:relative;
	border-bottom:1px solid #d5dee8;
	border-left:1px solid #d5dee8;
	border-right:1px solid #d5dee8;
	border-top:none;
	padding-top:20px;
	width:99.9%;
}

/*瓒嬪娍鍥撅細GM*/
#dashboard_chartContent .chart-down-left{
	margin-left:20px;
	margin-bottom:10px;
}
/*娑堣垂 (鍏�*/
#dashboard_chartContent .chart-down-right{
	position:absolute;
	top:20px;
	right:20px;
}

/* 浠ヤ笅鏄〃鏍肩殑璁剧疆 */
#sheetContent{
	display:none;
	border-top:1px solid #d5dee8;
	border-bottom:1px solid #d5dee8;
	border-left:1px solid #d5dee8;
	border-right:1px solid #d5dee8;
	padding-bottom:70px; 
}

#dashboard_table{
	width:97%;
	margin-left:20px;
}

#content_choose{
	width:100%;
	height:35px;
	line-height:35px;
	margin:10px 0;
}

#content_choose ul,#content_choose span#dateChoose_span,#dashboard_top_advertiser ul,#dashboard_chartContent .chart-up .pull-down ul{
	float:left;
}

#content_choose ul{
	margin-right:20px;
	z-index:9999;
}

#content_choose ul .select_box, #dashboard_top_advertiser ul .select_box,#dashboard_chartContent .chart-up .pull-down ul .select_box{
	width:150px;
	height:35px;
	background:#F3F3F3 url(../images/triangle.png) no-repeat 130px;
	border:none;
	border-radius:5px!important;
	cursor: pointer;
}

#dashboard_top_advertiser #left ul .select_box span{
	margin-left:0px;
	display:block; 
	line-height:35px; 
	height:35px;
	overflow:hidden;
	font-size:12px;
}

#content_choose ul .select_box span,#dashboard_top_advertiser #right ul .select_box span,#dashboard_chartContent .chart-up .pull-down ul .select_box span{
	display:block; 
	line-height:35px; 
	height:35px;
	overflow:hidden;
	margin-left:20px;
	font-size:12px;
}
	
#content_choose ul .son_ul, #dashboard_top_advertiser ul .son_ul,#dashboard_chartContent .chart-up .pull-down ul .son_ul{
	width:150px;
	color:white;
	background-color:#151E2B!important;
	border-radius:5px!important;
	position: absolute;
	z-index:9;
}

#content_choose ul .son_ul li, #dashboard_top_advertiser ul .son_ul li,#dashboard_chartContent .chart-up .pull-down ul .son_ul li{
	padding-left:20px; 
	height:35px;
	line-height:35px; 
	border-radius:5px!important;
	font-size:12px;
}

#content_choose ul .son_ul li:hover, #dashboard_top_advertiser ul .son_ul li:hover,#dashboard_chartContent .chart-up .pull-down ul .son_ul li:hover{
	background-color:#26303A!important;
}

#content_choose span#dateChoose_span{
	margin:0 5px 0 -5px;
}

#content_choose span#dateChoose_span a{
	margin:5px;
	cursor: pointer;
	color:#36aeea;
}

#content_choose span#dateChoose_span a.dateChange{
	color:#344c67;
}

span#calendar_span i{
	position: absolute;
	margin-left:5px;
}

span#calendar_span input[type="text"]{
	padding-left:20px;
	font-size: 12px;
    margin-top: 6px;
    padding: 0 0 0 25px;
    width:165px;
}

#btn_formSubmit{
	font-size:12px; 
	background:#36aeea none repeat scroll 0 0;
	border-radius: 5px;
	border:1px solid ;
	color: #fff;
	cursor: pointer;
	height: 22px;
    line-height: 22px;
    margin: 6px 0 0 10px;
	position: absolute;
	width:90px;
}

#content_dataFrame{
	height:150px;
}

#content_dataFrame .dataFrame_style,#content_dataFrame .dataFrame_last_style{
	float:left;
	width:19.2%;
	height:150px;
	color: #4c637b;
	font-size: 17px;
	cursor: pointer;
	border:1px solid #d5dee8;
	border-radius:5px;
}

#content_dataFrame .dataFrame_change{
	color: #ffffff;
	background-color:#36aeea;
}

#content_dataFrame .dataFrame_style{
	margin-right:10px;
}

#content_dataFrame .dataFrame_name{
	height:46px;
	line-height:46px;
	border-bottom:1px solid #d5dee8;
	padding-left:20px;
}

#content_dataFrame .dataFrame_data{
	height:103px;
	line-height:103px;
	text-align: center;
	font-size: 23px;
	font-weight:bold;
}

#chartDivs{
	margin-top:20px;
	width: 99.8%;
	z-index:9999;
	border:1px solid #d4d9df;
	overflow:visible;
	height:auto;
}

#chartDivs div.linechart{
	min-width: 84%;
	height: 325px;
	margin: 0 auto;
}
#hourrpt {
    height: 0;
    overflow: hidden;
    width: 90%;
}

table.tableFig{
	margin-top:20px;
	width:100%;
}

table.tableFig,table.tableFig th,table.tableFig td{
	border:thin solid #b9c5d9;
}

table.tableFig th{
	height:80px;
	border:none;
	background-color: #F2F6FA;
}

table.tableFig td{
	height:60px;
	border:none;
	border-top:thin solid #b9c5d9;
}

table.tableFig td.tbodyTd{
	text-align: center;
}

table.tableFig tr:hover{
	background-color: #F2F6FA;
}

#exportReport{
	margin-top:20px;
}

#exportReport .btn_export{
	display:block;
	border-radius:5px 5px 5px 5px;
	border:none;
	line-height:34px;
	width:170px;
	height:34px;
	color:white;
	background:#68ba31;
	text-align:center;
	cursor: pointer;
	text-decoration: none;
}

#exportReport .btn_export:hover{  
	background:#4c637b;
	text-decoration: none;
	color:white;
}

#pageDiv{
	float:right;
	margin-top: -55px;
}

#dashboard_pageDiv{
	float:right;
	margin-right: 20px;
}

#pageDiv li.active a,#dashboard_pageDiv li.active a{
	color:#ffffff;
	background-color:#0170C9!important;
}