From 389172e5b2ed9f641d21e1cbb1d0f11c7c168bbf Mon Sep 17 00:00:00 2001 From: huang Date: Mon, 30 May 2016 10:45:00 +0800 Subject: [PATCH] =?UTF-8?q?CSS=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/stylesheets/org_custom.css | 136 ++++++++++++++++++++++++++++++ 1 file changed, 136 insertions(+) create mode 100644 public/stylesheets/org_custom.css diff --git a/public/stylesheets/org_custom.css b/public/stylesheets/org_custom.css new file mode 100644 index 000000000..790877660 --- /dev/null +++ b/public/stylesheets/org_custom.css @@ -0,0 +1,136 @@ +/* 门户样式重置 */ +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:#000;text-decoration:none;} +a:hover,a:active{color:#3b94d6;} + + + +/* 公共 */ +.clear:after {content:".";height:0;visibility:hidden;display:block;clear:both;} +.fl{ float:left;} +.fr{ float:right;} +.cl{ clear:both; overflow:hidden;} +.mt5{ margin-top:5px;} +.mt10{ margin-top:10px;} +.mb5{ margin-bottom:5px;} +.mb10{ margin-bottom:10px;} +.ml5{ margin-left:5px;} +.ml10{ margin-left:10px;} +.ml15{ margin-left:15px;} +.mr5{ margin-right:5px;} +.mr10{ margin-right:15px;} +.mr15{ margin-right:10px;} +a.c_red{color:#df0600;} +.c_red{color:#df0600;} +/* 门户首页 */ +#por_header{ width:100%; height:70px; background-color:#3b94d6; } +.por_header_con{ width:1000px; margin:0 auto;} +.por_logo{ margin-top:5px;} +.por_login li{ float:left;} +.por_login li a{ display:block; padding:0 15px; height:70px; line-height:70px;font-size:16px; color:#fff; } +.por_login li a:hover{ background-color:#1173bc;} +.por_search{ margin-top:15px; margin-right:20px;} +.pro_input_search{ background-color:#daeefc; height:36px; width:355px; border:none; padding:0 5px; color:#3b94d6;} +a.por_search_btn{ display:block;background:#daeefc url(../images/icons_por.png) 0 8px no-repeat; width:25px; height:36px;} +a:hover.por_search_btn{background:#daeefc url(../images/icons_por.png) -35px 8px no-repeat; } + +#por_container{ width:1000px; margin:10px auto;} +.por_left{ width:685px; margin-right:15px; float:left; } +.por_right{ width:300px; float:left;} +.por_nav{ width:1000px; overflow:hidden; position:relative;height:53px; border-bottom:7px solid #ccc; margin-bottom:10px;} +a.por_edit_index{ position:absolute; font-size:14px; right:5px; top:15px;} +.por_nav ul li{ float:left;} +.por_nav ul li a{ display: block; height:53px; padding:0 20px; line-height:53px; font-size:18px; color:#333;} +.por_nav ul li a:hover{ border-bottom:7px solid #3b94d6;} +.por_icons_hot{ background:url(../images/icons_por.png) 0 -78px no-repeat; height:22px; width:55px; padding-left:3px; color:#fff; font-size:12px; line-height:22px; font-weight:normal;} +.por_h2_index{ font-size:20px; font-weight:normal; color:#3b94d6; width:100%; border-bottom:1px solid #e8e5e5; height:40px; line-height:40px;} +a.por_more_index{ font-size:12px; color:#999; } +.por_hotbar_left li{ width:365px; padding:12px 5px 12px 0; border-bottom:1px dashed #e8e5e5;} +a.por_hot_title{ font-size:16px; display:block; font-weight:bold; width:365px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_hot_txt{ color:#666; line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;} +.por_time{ color:#999;} +a.por_hot_name{color:#3b94d6;} +.por_hotbar_right{ border:1px solid #e8e5e5; padding:5px; margin-top:15px; width:300px;} +.por_hotbar_right img{ width:300px; height:246px;} +.por_hot_title_r{ font-size:16px; display:block; font-weight:bold; width:300px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_hot_txt_r{color:#666; line-height:20px;max-height:80px;overflow:hidden;text-overflow:ellipsis;} +.por_course{ } +.por_course_bar{ width:328px; margin:0 7px; padding:20px 0; border-bottom:1px solid #e8e5e5;} +a.por_course_title{font-size:14px; margin-bottom:10px; display:block; font-weight:bold; width:328px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_course_bar img{ width:140px; height:100px; } +.por_course_txt { width:180px; margin-left:5px;color:#666; line-height:20px;max-height:80px;overflow:hidden;text-overflow:ellipsis;} +a.por_course_time{color:#3b94d6; margin-left:5px;} +.por_post{ border-bottom:1px solid #e8e5e5; padding-bottom:5px;} +.por_post_left{ width:394px; margin-top:15px;} +.por_post_leftbar img{ width:377px; height:163px;} +.por_post_leftbar { border-bottom:1px dashed #e8e5e5; padding-bottom:5px; margin-bottom:10px;} +a.por_post_title{font-size:18px; display:block; width:377px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_post_txt{color:#666; line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis; } +.post_icons_grey{ width:5px; height:5px; margin:10px 5px 0 0; background-color:#b3b3b3; display:block; line-height:20px;} +.por_post_list li{ height:20px; height:30px;} +.por_post_list li a{ font-size:14px; } +a.por_hidden_w390{ display:block; width:390px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +a.por_hidden_w270{ display:block; width:280px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_post_right{ width:280px; border-left:1px solid #e8e5e5; margin-top:15px; padding-left:10px;} +.por_news_list li{ padding:15px 0; border-bottom:1px dashed #e8e5e5;} +.por_users_img{ width:40px; height:40px; border:1px solid #e8e5e5;} +.por_news_txt{ width:245px; margin-left:10px;} +.por_news_p{ line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis; } +a.por_zan{ background:url(../images/icons_por.png) 0 -41px no-repeat; height:15px; width:20px; display:block; padding-left:15px; line-height:20px; color:#999;} +a.por_zan:hover{background:url(../images/icons_por.png) -34px -42px no-repeat; color:#3b94d6; } +.por_hidden_w205{ font-size:14px; display:block; width:205px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_projects{border-bottom:1px solid #e8e5e5; padding-bottom:10px; margin-top:10px;} +.por_projects ul li{ padding:5px 0;} +.por_projects ul{ margin-top:5px;} +.por_project_p{ line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis; margin-top:5px; margin-left:10px; color:#666; } +.por_project_li{border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:5px;} +.por_time a{ color:#3b94d6;} +.por_teachers{ margin-top:20px; } +#por_teachers_nav {border-bottom:1px solid #d0d0d0; height:31px;} +#por_teachers_nav li {float:left; padding:0px 5px; text-align:center; } +#por_teachers_nav li a{font-size:20px;} +.por_teachers_hover {border:1px solid #d0d0d0; border-bottom:1px solid #fff; } +.por_teachers_hover a{color:#3b94d6;} +.por_teachers_nomal {border-bottom:none; } +.por_teachers_nomal a{color:#999;} +.undis {display:none;} +.dis {display:block;} +a.por_more_teacher{ font-size:12px; } +.por_teachers_li{ margin-top:10px;} +.por_teachers_li li{ padding:10px 0;border-bottom:1px solid #e8e5e5;} +.por_teachers_img{ width:60px; height:60px; -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px;} +a.por_teachers_name{ display:block; width:80px; font-size:18px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_teachers_p{ font-size:14px; color:#999; width:150px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.por_teachers_span{ color:#999;} +.por_teachers_span a{ margin:0 5px; color:#999;} +.por_footer{ padding:35px 0; width:100%; background-color:#efeded; margin-top:30px;} +.por_footer_con{ width:1000px; margin:0 auto;} +.por_footer_con ul{ width:350px; margin:0 auto;} +.por_footer_con ul li{ float:left; text-align:center;} +.por_footer_con ul li a{ font-size:14px;} +.por_footer_con ul li a span{ color:#999; margin:0 15px ;} +.por_footer_con p{ text-align:center; margin-top:20px; color:#777;} + +.por_index_position{ position:relative;} +a.por_xiang_index{ position:absolute; color:red; background:#fff; top:40px; left:292px;} + + + + + + + + + + + + + + + + +