ssp_web/src/main/webapp/assets/css/ad-code.css

/************code site锛宑lass锛宑onvert CSS**************/

/* 璁剧疆鎵�湁鍏冪礌鐨刴argin鍜宲adding涓�px */
*{
	margin:0px;
	padding:0px;
}

#handler{
	margin:20px 0 20px 0px;
	height:14px;
	line-height:14px;
	padding-top:20px;
}
#handler ul .active1{
	float:left;
}
#handler ul .size1{
	float:left;
	margin:0px 10px 0px 10px;
}
#handler ul .size2{
	float:left;
	margin:0px 10px 0px 10px;
}
#handler ul .divider2{
	float:left;
	margin:0px 10px 0px 10px;
}

#handler ul li{
	line-height:17px;
}

#handler li a{
	text-decoration: none;
	color:#0088CC;
	font-size:14px;
}

#content{
	margin:0 20px;
}

.controls-reset{
	height:35px;
	line-height:35px;
	font-size:12px;
}

#controls-main{
	width:257px;
}

#controls-site{
	width:345px;
}
.controls-reset label,.controls-reset ul li{
	height:35px;
	line-height:35px;
}

ul li {
	list-style-type:none;
}

#main_advertiserul{
	z-index:9;
	cursor: pointer;
	width:150px;
	float:left;
	position: absolute;
	margin-left:65px;
	top:55px;
	clear:both;
}

#main_selectul{
	z-index:8;
	margin-left:150px;
	cursor: pointer;
	width:150px;
	float:left;
	position: absolute;
	top:370px;
}

#popup_selectul{
	z-index:8;
	margin-left:80px;
	cursor: pointer;
	width:150px;
	float:left;
	position: absolute;
	top:15px;
}

.select_box{
	width:150px;
	height:35px;
	background:#F4F4F4 url(../images/triangle1.png) no-repeat 130px;
	border:none;
	border-radius:5px!important;
}

#advertiserul_select_box, #selectul_box{
	margin:20px 20px;
}

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

.son_ul {
	width:150px;
	top:35px; 
	color:white;
	background-color:#151E2B!important;
	border-radius:5px!important;
	position:absolute;
	margin-left:0px;
}

.son_ul li {
	padding-left:20px; 
	height:35px;
	line-height:35px; 
	border-radius:5px!important;
	font-size:12px;
}
.son_ul li:hover {
	background-color:#26303A!important;
}

.code-content-ways1 textarea{
	margin-top:10px;
	width:575px;
	height:220px;
	padding:10px 20px;
}

#selectedAdvertiserId1 option:hover, #selectedAdvertiserId1 option:active,option:focus {
   background-color:#e5e9ee;
   color:#111
}

#code-type{
	margin:20px 0;
	width:500px;
	clear:both;
	height:35px;
}

#code-type div.btn-code{
	text-decoration:none;
	float:left;
}

#code-type div.btn-code:link{
	background-color:#39AEEA!important;
}

#code-type div.btn-code:hover{
	background-color:#4E637B!important;	
}

div.btn-code {
   height:35px;
   line-height:35px;
   color:#FFF!important;
   font-size:12px;
   background-color:#67BA31!important;
   border-radius:5px!important;
   text-align:center;
   cursor:pointer;
   width:120px;
}

#code-type div.btn-code{
	margin-right:10px;
	background-color:#39AEEA!important;
}

.pclass{
	margin:5px 0;
	font-size:12px;
}

.code-content-ways1 div textarea{
	background-color:#F2F6FA!important;
	border-width:1px;
	margin-bottom:10px;
	border:1px solid #E6E6E6;
}

.code-content-ways1 #btnCopy:hover, .code-content-ways3 #btnValidate:hover{
	background-color:#4E637B!important;
}

.code-content-ways3 input.code-content-ways3-url{
	width:378px; 
	height:30px; 
	border:1px solid #E6E6E6;
	margin-bottom:10px;
	padding-left:20px;
	border-radius:5px!important;
}

.code-content-ways3 input.code-content-ways3-url:focus{
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

<!-- 鍒嗙被璁垮 css鏍峰紡 -->
#typeVisitors{
	width:100%;
	height:auto;
}

#convertVisitors{
	width:100%;
	height:auto;
}

#typeHead{
	width:100%;
	height:35px;
	margin:20px 0;
}

#createType{
	height:35px;
	line-height:35px;
	font-size:12px;
	border-radius:5px!important;
	border:1px solid #2CB0E5;
	width:120px;
	color:#2CB0E5;
	text-align:center;
	cursor: pointer;
	position: absolute;
	display:none;   
}

#createType:hover{
	background-color:#4E637B!important;
}
	
div#serachData{
	width:300px;
	position: relative;
	float: right;
	clear:both;
}
	
div#serachData input[type="text"]{
	width:275px;
	height:30px;
	background-color:#F4F4F4!important;
	border-radius:5px!important;
	border:none;
	font-size:12px;
	padding-left:20px;
}

#serachData_img{
	z-index:9999;
	width:30px;
	height:35px;
	position: relative;
	left:270px;
	top:-48px;
	cursor: pointer;
	background: url(../images/fangdajing1.png) no-repeat 0 10px;
	border:none;
}
	
#table_code_type{
	width:100%;
	height:auto;
	text-align:center;
	border-collapse: collapse;
	border-color: #EFEFEF!important;
}
	
#table_code_type thead tr{
	height:80px;
}
	
#table_code_type th,td{
	border: none;
}

#table_code_type tbody tr{
	height:60px;
}
	
#table_code_type tr td .input_checkbox{
	border:1px solid #BBBFC6;
	border-radius:2px!important;
}

#btndiv{
	width:310px;
	margin:0 auto;
}

#table_code_type tbody tr td div.btn1 {
   	width:90px;
   	height:35px;
   	line-height:35px;
   	color:#FFF!important;
   	font-size:12px;
  	background-color:#39AEEA!important;
   	border-radius:5px!important;
   	float:left;
   	margin-left:5px;
}

#table_code_type tbody tr td div.btn1:hover{
	background-color:#4E637B!important;
	cursor: pointer;
}

<!-- 鍒嗙被璁垮 鍒涘缓鍒嗙被 css鏍峰紡 -->
#createForm, #editForm{
	width:100%;
	height:auto;
	margin:20px;
	
}

#createForm label, #editForm label{
	font-size:12px;
}

#createForm label span, #editForm label span{
	color:#6BBFEE;
}

#createForm input.input-text, #editForm input.input-text{
	font-size:12px;
	width:300px;
	height:35px;
	border:none;
	border-radius:5px!important;
	border:1px solid #D5DADF;
	margin-top: 10px;
	padding-left:20px;
}

#createForm div.control-group, #editForm div.control-group{
	margin-bottom: 20px;
}

#createForm form div.button-code div, #editForm form div.button-code div{
   	width:120px;
   	height:35px;
   	line-height:35px;
   	color:#FFF!important;
   	font-size:12px;
   	border-radius:5px!important;
   	float:left;
   	text-align:center;
   	margin-right:10px;
   	cursor: pointer;
}

#createForm form div.button-code div#btn-save, #editForm form div.button-code div#btn-save{
  	background-color:#67BA31!important;
}

#createForm form div.button-code div#btn-cancel, #editForm form div.button-code div#btn-cancel{
  	background-color:#39AEEA!important;
}

#createForm form div.button-code div#btn-save:hover,#createForm form div.button-code div#btn-cancel:hover{
  	background-color:#4E637B!important;
}

#editForm form div.button-code div#btn-save:hover,#editForm form div.button-code div#btn-cancel:hover{
  	background-color:#4E637B!important;
}

#btn-class{
	margin-top:50px;
}

#convertType_selectul{
	z-index:8;
	cursor: pointer;
	width:150px;
	height:35px;
	position: absolute;
	margin:10px 0 20px 0;
}

#btn-convert{
	margin-top:95px;
}

#pageDiv{
	float:right;
	margin:20px 50px 0 20px;
}

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

#createForm input.input-text, #editForm input.input-text{
	 height:30px;
}

#createForm input.input-text:focus, #editForm input.input-text:focus{
	 box-shadow: 0 0 6px red;
	 height:30px;
}