118 lines
9.9 KiB
CSS
118 lines
9.9 KiB
CSS
/*新个人主页框架css*/
|
|
.navContainer {width:100%; background-color:#269ac9;}
|
|
.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:#269ac9; 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; padding:0px 10px;}
|
|
.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:10px; height:10px; border-radius:50%; border:2px solid #ffffff; background-color:#ff0000; position:absolute; left:17px; top:5px;}
|
|
.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 {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 {padding-left:25px; height:38px; line-height:38px; vertical-align:middle;}
|
|
.homepageLeftMenuCoursesLine:hover {background-color:#b3e0ee;}
|
|
a.coursesLineGrey {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:720px; height:34px; margin:0px auto; border-bottom:1px solid #e9e9e9;}
|
|
.NewsBannerName {font-size:16px; color:#4b4b4b; display:block; background:url(../images/homepage_icon.png) -18px -230px no-repeat; width:150px; float:left; padding-left:15px; margin-top:4px;}
|
|
.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 !important;}
|
|
a.homepageWhite:hover {color:#a1ebff !important;}
|
|
a.newsGrey {color:#4b4b4b;}
|
|
a.newsGrey:hover {color:#000000;}
|
|
a.replyGrey {color:#888888; display:inline-block;}
|
|
a.replyGrey:hover {color:#4b4b4b;}
|
|
a.replyGrey1 {color:#888888;}
|
|
a.replyGrey1:hover {color:#4b4b4b;}
|
|
a.newsBlue {color:#15bccf;}
|
|
a.newsBlue:hover {color:#0781b4;}
|
|
a.menuGrey {color:#808080 !important;}
|
|
a.menuGrey:hover {color:#fe7d68 !important;}
|
|
.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;}
|