socialforge/public/stylesheets/sy_public.css

/* 字体颜色 */
.sy_cblack{ color: #333;}
.sy_cgrey{ color: #888;}
.sy_corange{ color: #ee4a1f;}
.sy_f14{ font-size: 14px;}
.sy_f16{ font-size: 16px;}
a.sy_cgrey{ color: #888;}
a:hover.sy_cgrey{ color:#ee4a1f;}
a.sy_corange{ color: #ee4a1f; }
a:hover.sy_corange{ text-decoration:underline;}
a.sy_cblue{ color: #3b94d6;}
a.sy_cblack{ color: #333;}
a.sy_cgrey{ color: #888;}
a.sy_cmore{ font-size:12px; color:#888; font-weight:normal;}
a:hover.sy_cmore{color: #ee4a1f;}
/* 按钮*/
a.btn_orange_big{
    border: 1px solid #ee4a1f;
    color: #ee4a1f;
    text-align: center;
    font-size: 14px;
    padding:0 10px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
a:hover.btn_orange_big{
    background: #ee4a1f;
    color: #fff;
}
a.btn_green_big{
    border: 1px solid #60b25e;
    color: #60b25e;
    text-align: center;
    font-size: 14px;
    padding:0 10px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
a:hover.btn_green_big{
    background: #60b25e;
    color: #fff;
}
a.sy_btn_green{
    color: #fff;
    background: #60b25e;
    text-align: center;
    font-size: 12px;
    padding:0 15px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
a:hover.sy_btn_green{ background: #51a74f;}
a.sy_btn_grey{
    color: #333;
    background: #e1e1e1;
    text-align: center;
    font-size: 12px;
    padding:0 15px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
a:hover.sy_btn_grey{ background: #c3c3c3;}
a.sy_btn_blue{
    color: #fff;
    background: #3b94d6;
    text-align: center;
    font-size: 12px;
    padding:0 15px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
a:hover.sy_btn_blue{ background: #2788d0;}
/* 排序 */
.sy_category{
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    border-bottom:1px solid #ddd;
}
.sy_category span{ float: left;}
a.sortupbtn{
    background: url(../images/sy/liststyle.png) 0 3px no-repeat;
    width:12px;
    height:17px;
    display:block;
    margin-right:10px;
    cursor:pointer;
}
a.sortdownbtn{
    background: url(../images/sy/liststyle.png) 0 -12px no-repeat;
    width:12px;
    height:17px;
    display:block;
    cursor:pointer;
}
/* 翻页 */
.pages a{
    display:block;
    border:1px solid #d1d1d1;
    color:#888;
    float:left;
    width:30px;
    text-align:center;
    padding:3px 0;
    line-height:1.9;
    margin-right:5px;
}
.pages a:hover{
    background-color:#3b94d6;
    border:1px solid #3b94d6;
    color:#fff;
}
a.pages-big{
    width:50px;
}
.pages .active{
    background-color:#3b94d6;
    border:1px solid #3b94d6;
    color:#fff;
}
.pages{
    width:330px;

    margin:20px auto 10px;
}
/* 输入框 */
.sy_right_box input,.sy_right_box select{
    border:1px solid #ccc;
    padding:5px;
    background:#fff;
}
.sy_top_con input,.sy_top_con select{
    border:1px solid #ccc;
    padding:5px;
    background:#fff;
}
/* 加入班级弹窗 */
#sy_popup_box{
    width:460px;
    background:#fff;
    padding-bottom:30px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);
}
.sy_popup_top{
    background:#3b94d6;
    height:40px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.sy_popup_top h3{
    font-size:18px;
    color:#fff;
    font-weight:normal;
    line-height:40px;
    padding-left:10px;
}
a.sy_icons_close{
    width:20px;
    height:20px;
    display:block;
    background: url(../images/sy/sy_icons_close.png) 0 0px no-repeat;
    margin:8px 10px 0 0;
}
.sy_popup_con{
    margin:30px auto 0;
    font-size:14px;
    width:330px;
}
.sy_popup_add label{
    display:block;
    float:left;
    width:85px;
    text-align:right;
    line-height:40px;
}
.sy_popup_add li{
    line-height:40px;
}
.sy_input_txt{
    border:1px solid #dedede;
    height:36px;
    background:#fff;
    padding:0 5px;
    width:220px;
}