UseStudio.CloudBackend/css/UCD_SL.css

/*首页示例样式*/

#UCD_SL{ position:absolute;  background-color:White;  display:block;  width:960px; height:70%;position:absolute; top:40px; left:5%; }
.UCD_SL{ width:20px; height:20px; float:right; font-size:20px;}

/*切换语言*/
#UCD_L_C{position: absolute;background-color: White;display: block;width: 537px;top: 250px;left:5%;z-index:100;}
.UCD_L_C_T{width:100%;height: 30px;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius: 0px 0px 0 0;}
.UCD_SL_C_N{  width:535px; height:271px; border-radius: 0 0 5px 5px; border:1px solid #333333; color:Black; overflow-x:hidden; overflow-y:scroll;}
.UCD_SL_C_N > p{ margin: 12px 12px 0; font-weight: bold;}
.UCD_SL_C_L{ width: 98%; height: 70px;}
.UCD_SL_C_L > div{ width: 145px; height: 41px; text-align: center; line-height: 41px; border-radius: 50px; font-size: 14px; float: left; color: #474747; border: 1px solid #474747; margin: 24px 0px 0px 21px; cursor: pointer; font-weight: bold; 
                    box-shadow: 0px 1px 0px #8a93a1;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#f6f6f6), to(#e9e9e9));}
.UCD_SL_C_L div:hover{color: White; background:#4c4c4c;}


/*头部区域样式，修改了模版颜色*/
.UCD_SL_T{width:100%;height:30px;background-color:black;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;/* border-top: 3px solid #8c8c8c; */}
.UCD_SL_T{background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#3f3f3f));}
/*.UCD_SL_T_X{ width:30px; float:right; line-height:25px; cursor:pointer; font-size:16px; color:White; font-weight:bold;}*/
.UCD_SL_T_X{ width:25px; height:30px; float:right; line-height:30px; cursor:pointer; font-size:25px; color:White; font-weight:bold;}
.UCD_SL_T_X:hover{font-size:30px;}
/*中部最大区域*/
.UCD_SL_N{width: 100%;border: 1px solid black;background-color:White;overflow-x:hidden;/*overflow-y:scroll;*/}

.UCD_SL_N_T{height: 75px;background-color: #fff7dd;}/*头部区域*/
.UCD_SL_N_T_B{ float:left; width:70px;height:70px;}/*头部坐标区域*/
.UCD_SL_N_T_B_I{width: 60px;height: 53px;float: left;margin-top: 7px;margin-left: 10px;}/*图标*/
.UCD_SL_N_T_B_N{float:left;  width:360px; text-indent:20px; padding-top:10px;}/*口号*/
.UCD_SL_N_T_B_N_K { font-size:20px; color:#333; height:35px;}
.UCD_SL_N_T_B_N_L { color:Blue; cursor:pointer; float:right; height:20px; line-height:20px;}

.UCD_SL_N_T_D{ float:right; background-position:-6px -218px; width:160px; height:90px; cursor:pointer;}/*头部右边区域*/
.UCD_SL_N_T_D_B {height:25px;line-height:25px; float:left; }


/*精华区域、提问区域，搜索样式*/
.UCD_SL_CD{float: left;text-align: center;height: 75px;margin-left: 50px;}
.UCD_SL_CD_C  {height: 75px;float: left;line-height: 75px;padding-right: 10px;width:75px;cursor:pointer}
.UCD_SL_CD_C hover { background-color:Silver; }
.UCD_SL_CD_S{margin-left: 7px;width:320px;float:left;}
.UCD_SL_CD_S input{ float:left; height:18px; width:180px;}
.UCD_SL_CD_S div{float:left;height:25px;line-height:25px;/* background-color:White; */width:50px;text-align:center;margin-left:3px;}



#UCD_SL_N_F{ margin:10px; margin-left:15px; width:900px; height:60px; background-color:White;  font-weight:bold; font-size:16px;}
/*#UCD_SL_N_F div{ float:left; margin-left:20px; height:30px; line-height:30px; cursor:pointer; }*/
/*#UCD_SL_N_F div:hover{ color:Red;}*/
.UCD_SL_N_F_L{ width:260px; height:60px; float:left;}
.UCD_SL_N_F_L div{ float:left; margin:5px; font-size:14px; color:tomato;  font-family:@Adobe 繁黑體 Std B; }
.UCD_SL_N_F_L div:hover { background-color:rgb(0,136,204);}
#UCD_SL_N_F_R{ width:640px; height:60px; float:left;}/*百度广告*/

.UCD_SL_NN{ width:100%; height:100%; }

#UCD_SL_N_N{ width:100%; min-height:600px; height:100%; font-family:cursive;overflow:hidden   }/*内容区域*/
/*单条流式布局样式,很奇怪，把float:left写在$$里面的style里面居然不生效，这是一个bug，以后再考虑*/
.UCD_SL_N_N_L{ float:left;}


.UCD_SL_N_N_C{ border:2px solid white; width:140px;   margin:10px; float:left;}  /*单个条目包容器*/
.UCD_SL_N_N_C:hover{  cursor:pointer;}
.UCD_SL_N_N_C_RD {width:140px;height:20px;/* background-color:buttonface */}/*高度为0居然可以透明！*/
.UCD_SL_N_N_C_I { width:185px; height:185px;}/*图片展示*/

.UCD_SL_NN_B{/* height:200px; */}/*页脚*/


/*没有示例程序时的提示div*/
.UCD_SL_TS{font-weight:bold;color:Blue; margin-left:20px; font-size:16px;}




/*发布项目区域*/
#UCD_FB{  width:500px; height:480px; background-color:White; }
/*中间样式*/
.UCD_FB_N{ margin:20px; margin-top:10px;}
/*头部样式*/
#UCD_FB_N_T{ height:30px; line-height:30px;}
/*单行样式*/
.UCD_FB_N_N_N{ min-height:30px;}
/*项目简介*/
.UCD_FB_N_B{width:450px; height:200px; }
#UCD_FB_N_N_T{ width:350px; height:180px;}

.UCD_FB_N_CK{ height:30px;}
.UCD_FB_N_CK div {float:left; height:30px; line-height:30px;}
#UCD_FB_N_CK_CK{ margin-left:20px;}

#UCD_FB_N_N_I{ width:220px;}
.UCD_FB_NR { width:450px; height:100px;}
.UCD_FB_NR_L{ width:300px; height:100px; float:left;}
.UCD_FB_NR_R{    width: 145px;
    height: 125px;
    overflow: hidden;
    float: left;
    border: 1px solid ButtonFace;}
#UCD_FB_NR_IMG{ margin-left:10px; width:120px; height:120px;border:2px solid white; cursor:pointer;}

/*发布按钮*/
.UCD_FB_N_N_N_F{ width:250px; float:left;}
.UCD_FB_N_N_N_S{ width:100px; height:20px; color:Black;}
.UCD_SL_CD_S{width: 180px;float: left;margin-top: 20px;}
.UCD_SL_CD_S input{float: left;width: 180px;height: 28px;border-radius: 20px;background-color: #fcfaf2;border: 1px solid #c2c2c2;padding-left: 10px;}
.UCD_SL_CD_S input
{
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));
}
.UCD_SL_CD_S div{cursor:pointer;float: left;height: 16px;line-height: 25px;width: 16px;margin-left: -30px;background-image: url(../img/search.png);background-repeat: no-repeat;margin-top: 7px;}
.UCD_SL_N_T_D{float:right;width: 166px;height:75px;cursor:pointer;ma;margin-right: 20px;}/*头部右边区域*/
.UCD_SL_N_N_C{border: 1px solid #eee;width: 185px;margin: 10px;float: left;height: 320px;overflow: hidden;}  /*单个条目包容器*/
.UCD_SL_N_N_C:hover{  cursor:pointer;}
.UCD_SL_N_N_C_N{/* text-indent: 2em; */word-break:break-all;width: 90%;height: 70px;margin: auto;overflow: hidden;/* height: auto; */line-height: 23px;font-size: 13px;font-family: 'Microsoft Yahei';display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}/*内容介绍*/
.UCD_SL_N_N_C_T{width:100%;height:30px;line-height:30px;font-weight:bold;overflow:hidden;/* text-align:center; */font-family: Microsoft Yahei;text-indent: 15px;margin-top: 15px;}/*标题*/
.UCD_SL_N_N_C_R {display:none;float: right;width:20px;height:20px;background:url(../img/pl.png);/* border:1px solid black; */}/*评论*/
.UCD_SL_N_N_C_S { display:none; margin-left:20px; float:left; width:30px; height:18px; background-color:#e53e49; border:1px solid black;}/*审核*/
.UCD_SL_N_N_C_D {display:none;float:right;width:20px;height:20px;background:url(../img/dt.png);/* border:1px solid black; */margin-right: 2px;}/*大图*/
.UCD_SL_N_N_C_XG { display:none; float:right; width:20px; height:20px;margin-right:5px;background:url(../images/example_xg.jpg);background-size:100% 100%; }/*修改*/
.UCD_SL_N_N_C_SC { display:none; float:right; width:20px; height:20px;margin-right:-67px;margin-top:-165px;background:url(../images/example_delete.jpg);background-size:100% 100%; }/*删除*/

.UCD_SL_NN_B{/* height:200px; */}/*页脚*/
#UCD_SL_N_N{width:100%;min-height:600px;height:100%;font-family:cursive;background: #f6f6f6;}/*内容区域*/
/*单条流式布局样式,很奇怪，把float:left写在$$里面的style里面居然不生效，这是一个bug，以后再考虑*/
.UCD_SL_N_N_L{ float:left; height:auto;}
.UCD_SL_N_N_C{border: 1px solid #eee;width: 185px;margin: 10px;float: left;height: 320px;overflow: hidden;/* padding-bottom: 10px; */background: white;}  /*单个条目包容器*/
.UCD_SL_N_N_C:hover{  cursor:pointer;}
.UCD_SL_N_N_C_RD {width:100%;height:20px;/* background: white; */margin-top: -20px;position: relative;/* border: none; */}/*高度为0居然可以透明！*/
.UCD_SL_N_N_C_I { width:185px; height:185px;}/*图片展示*/
.UD_SYF_SCO {
    overflow-x: hidden
}