You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
310 lines
15 KiB
310 lines
15 KiB
6 years ago
|
/*新个人主页框架css*/
|
||
|
|
.navContainer {width:100%; background-color:#3b94d6;}
|
||
|
|
.homepageContentContainer {width:100%; margin:0 auto; background-color:#eaebed;}
|
||
|
|
.homepageContent {width:1000px; background-color:#eaebed; margin:0 auto;}
|
||
|
|
.navHomepage {width:1000px; height:54px; background-color:#3b94d6; margin:0 auto;}
|
||
|
|
.navHomepageLogo {width:60px; height:54px; line-height:54px; vertical-align:middle; margin-left:2px; margin-right:30px;}
|
||
|
|
.navHomepageMenu {margin-right:20px;display:inline-block;height:54px; line-height:54px; vertical-align:middle;}
|
||
|
|
.navHomepageMenu:hover {background-color:#297fb8;}
|
||
|
|
.navHomepageSearchBoxcontainer {margin-top:11px; }
|
||
|
|
.navHomepageSearchBox {width:380px; border:none; outline:none; height:32px; margin-top:11px; background-color:#ffffff;}
|
||
|
|
.navHomepageSearchInput {width:345px; height:32px; outline:none; border:none !important; float:left;padding: 0 0 0 5px !important; margin:0;}
|
||
|
|
.homepageSearchIcon {width:30px; height:32px; background:url(../images/nav_icon.png) -8px 3px no-repeat; float:left;}
|
||
|
|
a.homepageSearchIcon:hover {background:url(../images/nav_icon.png) -49px 3px no-repeat;}
|
||
|
|
#navSearchAlert {display:none;}
|
||
|
|
.navHomepageNews {width:30px; display:block; float:right; margin-top:8px; position:relative;}
|
||
|
|
.homepageNewsIcon {background:url(../images/nav_icon.png) -5px -85px no-repeat; width:30px; height:35px; display:block;}
|
||
|
|
.newsActive {width:16px; height:16px; border-radius:50%; background-color:#ff0000; position:absolute; left:17px; top:5px; text-align:center;font-size:12px; color:#ffffff !important;padding-bottom: 3px;padding-left: 2px;padding-right: 1px;font-weight: bold;}
|
||
|
|
.navHomepageProfile {width:65px; display:block; float:right; margin-left:33px;}
|
||
|
|
.homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:54px; position:relative; display:inline-block; line-height:0;}
|
||
|
|
.homepageProfileMenuIconhover {background:url(../images/nav_icon.png) 30px -122px no-repeat;}
|
||
|
|
/*.navHomepageProfile ul li ul {display:none;}
|
||
|
|
.navHomepageProfile ul li:hover ul {display:block;}*/
|
||
|
|
.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
|
||
|
|
.homepageRight {width:750px; float:left; margin-top:15px; margin-bottom:10px;}
|
||
|
|
.homepagePortraitContainer {width:238px; border:1px solid #dddddd; background-color:#ffffff; margin-top:15px; padding-bottom:15px;}
|
||
|
|
.homepagePortraitImage {width:206px; height:206px; padding:2px; margin:15px 14px 10px 14px; position:relative; border:1px solid #cbcbcb;}
|
||
|
|
.homepagePortraitImage:hover {border:1px solid #15bccf;}
|
||
|
|
.homepageFollow {background:url(../images/homepage_icon.png) -10px -8px no-repeat; width:20px; height:20px; position:absolute; right:9px; top:9px;}
|
||
|
|
.homepageFollowCancel {background:url(../images/homepage_icon.png) -178px -8px no-repeat; width:20px; height:20px; position:absolute; right:9px; top:9px;}
|
||
|
|
.homepageEditProfile {width:20px; height:20px; border-radius:2px; background-color:#888888; position:absolute; right:9px; bottom:9px; font-size:12px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
|
||
|
|
.homepageEditProfileIcon {background:url(../images/homepage_icon.png) -11px -35px no-repeat; width:20px; height:20px; display:block;}
|
||
|
|
.homepageImageName {font-size:16px; color:#484848; margin-left:15px; margin-right:8px; height:21px; float:left;}
|
||
|
|
.homepageImageSex {top:116px; left:5px; width:20px; height:20px; background:url(../images/homepage_icon.png) -10px -112px no-repeat; float:left;}
|
||
|
|
.homepageImageSexMan {top:116px; left:5px; width:20px; height:20px; background:url(../images/homepage_icon.png) -10px -112px no-repeat; float:left;}
|
||
|
|
.homepageImageSexWomen {width: 20px;height: 20px;background: url(../images/homepage_icon.png) -10px -149px no-repeat;float: left;}
|
||
|
|
.homepageSignatureTextarea {resize:none; width:207px; height:80px; max-width:207px; max-height:80px; border:1px solid #d9d9d9; outline:none; margin:0px 0px 12px 15px;;}
|
||
|
|
.homepageSignature {font-size:12px; color:#888888; margin-left:15px; margin-top:10px; margin-bottom:12px; width:208px;}
|
||
|
|
.homepageImageBlock {margin:0 auto; width:78px; float:left; text-align:center; display:inline-block;}
|
||
|
|
.homepageImageNumber {font-size:12px; color:#484848;}
|
||
|
|
a.homepageImageNumber:hover {color:#15bccf;}
|
||
|
|
.homepageImageText {font-size:12px; color:#888888;}
|
||
|
|
.homepageVerDiv {height:28px; vertical-align:middle; width:1px; float:left; display:inline-block; background-color:#d1d1d1; margin-top:3px;}
|
||
|
|
.homepageLeftMenuContainer {width:238px; border:1px solid #dddddd; border-bottom:none; background-color:#ffffff; margin-top:10px;}
|
||
|
|
.homepageLeftMenuBlock {border-bottom:1px solid #dddddd; height:50px; line-height:50px; vertical-align:middle;}
|
||
|
|
.homepageLeftMenuCourses {font-size:14px; border-bottom:1px solid #dddddd;}
|
||
|
|
.homepageLeftMenuCoursesLine {height:38px; line-height:38px; vertical-align:middle;}
|
||
|
|
.homepageLeftMenuCoursesLine:hover {background-color:#b3e0ee;}
|
||
|
|
a.coursesLineGrey {padding-left:25px; color:#808080; display:block;}
|
||
|
|
a.coursesLineGrey:hover {color:#ffffff;}
|
||
|
|
.homepageLeftMenuMore {height:18px;}
|
||
|
|
.homepageLeftMenuMore:hover {background-color:#b3e0ee;}
|
||
|
|
.homepageLeftMenuMoreIcon {background:url(../images/homepage_icon.png) -74px -240px no-repeat; display:block; height:18px;}
|
||
|
|
.homepageMenuSetting {display:inline-block; margin-right: 17px; margin-top: 18px;}
|
||
|
|
a.homepageMenuText {color:#484848; font-size:16px; margin-left:20px;}
|
||
|
|
.homepageLeftLabelContainer {width:238px; border:1px solid #dddddd; background-color:#ffffff; margin-top:10px;}
|
||
|
|
.homepageLabelText {color:#484848; font-size:16px; margin-left:10px; margin-bottom:12px; display:block;}
|
||
|
|
.homepageRightBanner {width:718px; margin:0px auto; float:right; background-color: #ffffff; padding:10px 15px; border:1px solid #dddddd;}
|
||
|
|
.NewsBannerName {font-size:16px; color:#4b4b4b; display:block; width:150px; float:left;}.newsType {width:60px; background-color:#ffffff; float:left; list-style:none; position:absolute; border:1px solid #eaeaea; border-radius:5px; top:15px; padding:5px 10px; left:-40px; font-size:12px; color:#888888; display:none; line-height:2; z-index:9999;}
|
||
|
|
.newsReadSetting {width:700px; background-color:#f6f6f6; border-bottom:1px solid #eeeeee; margin:10px auto; height:39px; line-height:39px; vertical-align:middle; font-size:14px; color:#7a7a7a; padding-left:10px;}
|
||
|
|
.homepageNewsList {width:710px; height:49px; line-height:49px; vertical-align:middle; border-bottom:1px dashed #eaeaea; margin-left:10px;}
|
||
|
|
.homepageNewsPortrait {width:40px; display:block; margin-top:7px;}
|
||
|
|
.homepageNewsPublisher {width:80px; max-width:80px; margin-right:10px; font-size:12px; color:#15bccf; display:block; padding-left:5px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
|
||
|
|
.homepageNewsType {width:95px; font-size:12px; color:#888888; display:block;}
|
||
|
|
.homepageNewsContent {width:395px; max-width:395px; margin-right:10px; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
|
||
|
|
.homepageNewsTime {width:75px; font-size:12px; color:#888888; display:block; text-align:right;}
|
||
|
|
a.homepageWhite {color:#ffffff;}
|
||
|
|
a.homepageWhite:hover {color:#a1ebff}
|
||
|
|
a.newsGrey {color:#4b4b4b;}
|
||
|
|
a.newsGrey:hover {color:#000000;}
|
||
|
|
a.newsRed {color:red;}
|
||
|
|
a.newsRed:hovor {color:#888888;}
|
||
|
|
a.replyGrey {color:#888888; display:inline-block;}
|
||
|
|
a.replyGrey:hover {color:#4b4b4b;}
|
||
|
|
a.replyGrey1 {color:#888888;}
|
||
|
|
a.replyGrey1:hover {color:#4b4b4b;}
|
||
|
|
a.newsBlue {color:#269ac9;}
|
||
|
|
a.newsBlue:hover {color:#297fb8;}
|
||
|
|
a.newsBlack {color:#4b4b4b; font-size:13px; font-weight:bold}
|
||
|
|
a.menuGrey {color:#808080;}
|
||
|
|
a.menuGrey:hover {color:#fe7d68;}
|
||
|
|
.navSearchTypeBox {width:368px; height:35px; position:absolute; border:1px solid #e1e1e1; background-color:#ffffff; padding-left:10px; display:none; color:#3e3e3e; font-size:14px;}
|
||
|
|
#navSearchAlert {display:none;}
|
||
|
|
.none{display: none;}
|
||
|
|
.db {display:block !important;}
|
||
|
|
|
||
|
|
/*myctrip*/
|
||
|
|
.userImage{position:absolute; right:140px; top:5px; width:30px;height:30px; background: url(../images/item.png) 2px 4px no-repeat; line-height:1.4;}
|
||
|
|
a.topnav_login_a{color:#fff; display:inline-block;}
|
||
|
|
a.topnav_login_a:hover {color:#a1ebff;}
|
||
|
|
a.topnav_login_mes{color:#fff; width:10px;height:20px; padding-left:15px; background: url(../images/item.png) -84px -145px no-repeat; display:inline-block; vertical-align:top;}
|
||
|
|
a.topnav_login_mes:hover {color:#a1ebff;}
|
||
|
|
a.topnav_login_box{ color:#fff; font-size:14px; font-weight:bold; width:90px; display:inline-block;}
|
||
|
|
.menuArrow {background:url(../images/item.png) -20px -40px no-repeat;}
|
||
|
|
li.menuArrow:hover {background:url(../images/item.png) -20px -70px no-repeat;}
|
||
|
|
a.topnav_login_box:hover {color:#a1ebff;}
|
||
|
|
.navRow1 {margin:0; padding:0;}
|
||
|
|
.navRow2 {margin:0; padding:0;}
|
||
|
|
.topnav_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-7px; position:absolute; z-index:9999; line-height:2; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); margin-top: 1px; font-size: 12px;}
|
||
|
|
.topnav_login_list a{color:#269ac9;}
|
||
|
|
.topnav_login_list li{ }
|
||
|
|
.portraitRadius {border-radius: 3px;}
|
||
|
|
|
||
|
|
/*底部*/
|
||
|
|
#Footer{background-color:#ffffff; padding-bottom:15px; color:#666666;} /*margin-bottom:10px;*/
|
||
|
|
.footerAboutContainer {width:auto; border-bottom:1px solid #efefef;}
|
||
|
|
.footerAbout{ width:485px; margin:0 auto;height:35px; line-height:35px; padding-top: 10px;}
|
||
|
|
.languageBox {width:55px; height:20px; margin-left:5px; outline:none; color:#666666; border:1px solid #d9d9d9;}
|
||
|
|
.departments{ width:950px; margin:5px auto 0 auto;height:30px;line-height:30px;}
|
||
|
|
.copyright{ width:375px; margin:0 auto;height:20px;line-height:20px;}
|
||
|
|
a.f_grey {color:#666666 !important;}
|
||
|
|
a.f_grey:hover {color:#000000 !important;}
|
||
|
|
.mr30 {margin-right: 30px;}
|
||
|
|
|
||
|
|
|
||
|
|
/*注册登陆页面*/
|
||
|
|
#loginSignButton {height:54px; padding-left:10px; padding-right:10px; text-align:center; line-height:54px; vertical-align:middle; color:#ffffff; font-size:16px;}
|
||
|
|
#loginInButton {height:54px; padding-left:10px; padding-right:10px; text-align:center; line-height:54px; vertical-align:middle; color:#ffffff; font-size:16px;}
|
||
|
|
#loginSignButton:hover {background-color:#297fb8;}
|
||
|
|
#loginInButton:hover {background-color:#297fb8;}
|
||
|
|
|
||
|
|
/* 邮箱验证 */
|
||
|
|
.email_verify 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;}
|
||
|
|
.mt30{ margin-top:30px;}
|
||
|
|
.ml30{ margin-left:30px;}
|
||
|
|
.new_content{
|
||
|
|
width:1000px;
|
||
|
|
margin:10px auto;
|
||
|
|
padding:30px 0;
|
||
|
|
background-color:#fff;
|
||
|
|
}
|
||
|
|
.email_verify{
|
||
|
|
width:720px;
|
||
|
|
margin:0px auto;
|
||
|
|
}
|
||
|
|
.email_verify_prompt{
|
||
|
|
border:2px solid #dd0000;
|
||
|
|
background:#ffe3e3 url(../images/icons_prompt.png) 25px 10px no-repeat;;
|
||
|
|
height:35px;
|
||
|
|
line-height:35px;
|
||
|
|
padding-left:45px;
|
||
|
|
color:#8b0000;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.email_verify_btn{
|
||
|
|
border-style:none;
|
||
|
|
height:35px;
|
||
|
|
padding:0 15px;
|
||
|
|
line-height:35px;
|
||
|
|
color:#fff;
|
||
|
|
background:#3a95d7;
|
||
|
|
text-align:center;
|
||
|
|
-webkit-border-radius:5px;
|
||
|
|
-moz-border-radius:5px;
|
||
|
|
-o-border-radius:5px;
|
||
|
|
border-radius:5px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.email_verify_btn:hover{
|
||
|
|
background:#017bd3;
|
||
|
|
}
|
||
|
|
.email_sub_btn{
|
||
|
|
border-style:none;
|
||
|
|
height:30px;
|
||
|
|
padding:0 25px;
|
||
|
|
line-height:30px;
|
||
|
|
color:#fff;
|
||
|
|
background:#3a95d7;
|
||
|
|
text-align:center;
|
||
|
|
-webkit-border-radius:5px;
|
||
|
|
-moz-border-radius:5px;
|
||
|
|
-o-border-radius:5px;
|
||
|
|
border-radius:5px;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.email_sub_btn:hover{
|
||
|
|
background:#017bd3;
|
||
|
|
}
|
||
|
|
.email_prompt_p{
|
||
|
|
font-size:14px;
|
||
|
|
color:#000;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
.email_prompt_txt{ width:480px;}
|
||
|
|
.email_prompt_txt li{
|
||
|
|
margin-left:15px;
|
||
|
|
list-style-type: disc;
|
||
|
|
color:#777;
|
||
|
|
line-height:1.9;
|
||
|
|
font-size:14px;
|
||
|
|
}
|
||
|
|
.email_prompt_mes{
|
||
|
|
border:1px solid #ccc;
|
||
|
|
-webkit-border-radius:5px;
|
||
|
|
-moz-border-radius:5px;
|
||
|
|
-o-border-radius:5px;
|
||
|
|
border-radius:5px;
|
||
|
|
width:468px;
|
||
|
|
height:60px;
|
||
|
|
background:#fff;
|
||
|
|
padding:5px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
.email_tanbox{
|
||
|
|
border:2px solid #3a95d7;
|
||
|
|
background:#fff;
|
||
|
|
width:480px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.email_tancon{
|
||
|
|
width:420px;
|
||
|
|
margin:0 auto;
|
||
|
|
text-align:center;
|
||
|
|
padding:20px 30px;
|
||
|
|
background:#fff;
|
||
|
|
}
|
||
|
|
.email_tan_title{
|
||
|
|
font-size:18px;
|
||
|
|
color:#3a95d7;
|
||
|
|
font-weight:normal;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
.email_tan_p{
|
||
|
|
font-size:14px;
|
||
|
|
color:#4c4c4c;
|
||
|
|
|
||
|
|
}
|
||
|
|
.email_verify_p{
|
||
|
|
font-size:14px;
|
||
|
|
color:#3a95d7;
|
||
|
|
}
|
||
|
|
|
||
|
|
/***** Ajax indicator ******/
|
||
|
|
/*-------resendmail---------*/
|
||
|
|
#ajax-indicator {
|
||
|
|
position: absolute; /* fixed not supported by IE */
|
||
|
|
background-color:#eee;
|
||
|
|
border: 1px solid #bbb;
|
||
|
|
top:35%;
|
||
|
|
left:40%;
|
||
|
|
width:20%;
|
||
|
|
font-weight:bold;
|
||
|
|
text-align:center;
|
||
|
|
padding:0.6em;
|
||
|
|
z-index:100000;
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
html>body #ajax-indicator { position: fixed; }
|
||
|
|
|
||
|
|
#ajax-indicator span {
|
||
|
|
background-position: 0% 40%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: url(../images/loading.gif);
|
||
|
|
padding-left: 26px;
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.modal {
|
||
|
|
border-radius: 5px;
|
||
|
|
background: #fff;
|
||
|
|
z-index: 50;
|
||
|
|
padding: 4px;
|
||
|
|
}
|
||
|
|
.ui-widget-content {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
color: #333;
|
||
|
|
}
|
||
|
|
.ui-widget {
|
||
|
|
font-family: Verdana, sans-serif;
|
||
|
|
font-size: 1.1em;
|
||
|
|
}
|
||
|
|
.ui-dialog .ui-dialog-content {
|
||
|
|
position: relative;
|
||
|
|
border: 0;
|
||
|
|
padding: .5em 1em;
|
||
|
|
background: none;
|
||
|
|
overflow: auto;
|
||
|
|
zoom: 1;
|
||
|
|
}
|
||
|
|
.ui-widget-overlay {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-widget-overlay {
|
||
|
|
background: #666 url(http://forge.trustie.net/stylesheets/jquery/images/xui-bg_diagonals-thick_20_666666_40x40.png.pagespeed.ic.9mfuw_R0z1.png) 50% 50% repeat;
|
||
|
|
opacity: .5;
|
||
|
|
filter: Alpha(Opacity=50);
|
||
|
|
}
|
||
|
|
.resourceUploadPopup {width:400px; height:auto; border:3px solid #269ac9 !important; padding-left:16px; padding-bottom:16px; background-color:#ffffff; position:absolute; top:50%; left:50%; margin-left:-200px; z-index:1000;}
|
||
|
|
a.Blue-btn{ display:block; margin-right:15px;width:65px; height:22px; background-color:#ffffff; line-height:24px; vertical-align:middle; text-align:center; border:1px solid #3598db; color:#3598db; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
|
||
|
|
a:hover.Blue-btn{ background:#3598db; color:#fff;}
|
||
|
|
/***** end Ajax indicator ******/
|
||
|
|
|
||
|
|
/*消息弹框*/
|
||
|
|
.shadowbox_news{ width:305px; background-color:#fff; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); position: absolute; left: -131px; top: 45px; z-index: 9999;}
|
||
|
|
.shadowbox_news_title{ height:40px; line-height:40px;padding-left:10px; font-size:12px; color:#333;border-bottom:1px solid #eee;}
|
||
|
|
.shadowbox_news_p{ height:40px; line-height:40px; font-size:12px; color:#333;}
|
||
|
|
.shadowbox_news font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top: -15px;left: 140px; border-style:solid; border-color: transparent transparent #fff transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); }
|
||
|
|
.shadowbox_news_list{ max-height:400px; overflow:hidden;}
|
||
|
|
.shadowbox_news_list a{ color:#999;}
|
||
|
|
.shadowbox_news_list li{ height:40px; border-bottom:1px dashed #ebebeb; line-height:40px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; padding:0 10px;}
|
||
|
|
.shadowbox_news_list li:hover{ background-color:#eee;}
|
||
|
|
span.shadowbox_news_user{ color:#3b94d6;}
|
||
|
|
a.shadowbox_news_all{ display:block; width:305px; height:40px; line-height:40px; color:#3b94d6; text-align:center;border-top:1px solid #eee;}
|
||
|
|
.undis {display:none;}
|
||
|
|
.text_c {text-align:center;}
|