jacknudt
/
trustieforge
Not watched
1
0
Fork 0
Code
Releases 1365 Wiki evaluate Activity
Issues 0 Pull Requests 0 Datasets Model Cloudbrain HPC
You can not select more than 25 topics Topics must start with a chinese character,a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branch: develop
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'develop'
${ noResults }
trustieforge/public/stylesheets/header.css

310 lines
16 kB
Raw Permalink Blame History 

  1. /*新个人主页框架css*/

  2. .navContainer {width:100%; background-color:#3b94d6;}

  3. .homepageContentContainer {width:100%; margin:0 auto; background-color:#eaebed;}

  4. .homepageContent {width:1000px; background-color:#eaebed; margin:0 auto;}

  5. .navHomepage {width:1000px; height:54px; background-color:#3b94d6; margin:0 auto;}

  6. .navHomepageLogo {width:60px; height:54px; line-height:54px; vertical-align:middle; margin-left:2px; margin-right:30px;}

  7. .navHomepageMenu {margin-right:20px;display:inline-block;height:54px; line-height:54px; vertical-align:middle;}

  8. .navHomepageMenu:hover {background-color:#297fb8;}

  9. .navHomepageSearchBoxcontainer {margin-top:11px; }

  10. .navHomepageSearchBox {width:380px; border:none; outline:none; height:32px;  margin-top:11px; background-color:#ffffff;}

  11. .navHomepageSearchInput {width:345px; height:32px; outline:none; border:none !important; float:left;padding: 0 0 0 5px !important; margin:0;}

  12. .homepageSearchIcon {width:30px; height:32px; background:url(../images/nav_icon.png) -8px 3px no-repeat; float:left;}

  13. a.homepageSearchIcon:hover {background:url(../images/nav_icon.png) -49px 3px no-repeat;}

  14. #navSearchAlert {display:none;}

  15. .navHomepageNews {width:30px; display:block; float:right; margin-top:8px; position:relative;}

  16. .homepageNewsIcon {background:url(../images/nav_icon.png) -5px -85px  no-repeat; width:30px; height:35px; display:block;}

  17. .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;}

  18. .navHomepageProfile {width:65px; display:block; float:right; margin-left:33px;}

  19. .homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:54px; position:relative; display:inline-block; line-height:0;}

  20. .homepageProfileMenuIconhover {background:url(../images/nav_icon.png) 30px -122px no-repeat;}

  21. /*.navHomepageProfile ul li ul {display:none;}

  22. .navHomepageProfile ul li:hover ul {display:block;}*/

  23. .homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}

  24. .homepageRight {width:750px; float:left; margin-top:15px; margin-bottom:10px;}

  25. .homepagePortraitContainer {width:238px; border:1px solid #dddddd; background-color:#ffffff; margin-top:15px; padding-bottom:15px;}

  26. .homepagePortraitImage {width:206px; height:206px; padding:2px; margin:15px 14px 10px 14px; position:relative; border:1px solid #cbcbcb;}

  27. .homepagePortraitImage:hover {border:1px solid #15bccf;}

  28. .homepageFollow {background:url(../images/homepage_icon.png) -10px -8px no-repeat; width:20px; height:20px; position:absolute; right:9px; top:9px;}

  29. .homepageFollowCancel {background:url(../images/homepage_icon.png) -178px -8px no-repeat; width:20px; height:20px; position:absolute; right:9px; top:9px;}

  30. .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;}

  31. .homepageEditProfileIcon {background:url(../images/homepage_icon.png) -11px -35px no-repeat; width:20px; height:20px; display:block;}

  32. .homepageImageName {font-size:16px; color:#484848; margin-left:15px;  margin-right:8px; height:21px; float:left;}

  33. .homepageImageSex {top:116px; left:5px; width:20px; height:20px; background:url(../images/homepage_icon.png) -10px -112px no-repeat; float:left;}

  34. .homepageImageSexMan {top:116px; left:5px; width:20px; height:20px; background:url(../images/homepage_icon.png) -10px -112px no-repeat; float:left;}

  35. .homepageImageSexWomen {width: 20px;height: 20px;background: url(../images/homepage_icon.png) -10px -149px no-repeat;float: left;}

  36. .homepageSignatureTextarea {resize:none; width:207px; height:80px; max-width:207px; max-height:80px; border:1px solid #d9d9d9; outline:none; margin:0px 0px 12px 15px;;}

  37. .homepageSignature {font-size:12px; color:#888888; margin-left:15px; margin-top:10px; margin-bottom:12px; width:208px;}

  38. .homepageImageBlock {margin:0 auto; width:78px; float:left; text-align:center; display:inline-block;}

  39. .homepageImageNumber {font-size:12px; color:#484848;}

  40. a.homepageImageNumber:hover {color:#15bccf;}

  41. .homepageImageText {font-size:12px; color:#888888;}

  42. .homepageVerDiv {height:28px; vertical-align:middle; width:1px; float:left; display:inline-block; background-color:#d1d1d1; margin-top:3px;}

  43. .homepageLeftMenuContainer {width:238px; border:1px solid #dddddd; border-bottom:none; background-color:#ffffff; margin-top:10px;}

  44. .homepageLeftMenuBlock {border-bottom:1px solid #dddddd; height:50px; line-height:50px; vertical-align:middle;}

  45. .homepageLeftMenuCourses {font-size:14px; border-bottom:1px solid #dddddd;}

  46. .homepageLeftMenuCoursesLine {height:38px; line-height:38px; vertical-align:middle;}

  47. .homepageLeftMenuCoursesLine:hover {background-color:#b3e0ee;}

  48. a.coursesLineGrey {padding-left:25px; color:#808080; display:block;}

  49. a.coursesLineGrey:hover {color:#ffffff;}

  50. .homepageLeftMenuMore {height:18px;}

  51. .homepageLeftMenuMore:hover {background-color:#b3e0ee;}

  52. .homepageLeftMenuMoreIcon {background:url(../images/homepage_icon.png) -74px -240px no-repeat; display:block; height:18px;}

  53. .homepageMenuSetting {display:inline-block; margin-right: 17px; margin-top: 18px;}

  54. a.homepageMenuText {color:#484848; font-size:16px; margin-left:20px;}

  55. .homepageLeftLabelContainer {width:238px; border:1px solid #dddddd; background-color:#ffffff; margin-top:10px;}

  56. .homepageLabelText {color:#484848; font-size:16px; margin-left:10px; margin-bottom:12px; display:block;}

  57. .homepageRightBanner {width:718px; margin:0px auto; float:right; background-color: #ffffff; padding:10px 15px; border:1px solid #dddddd;}

  58. .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;}

  59. .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;}

  60. .homepageNewsList {width:710px; height:49px; line-height:49px; vertical-align:middle; border-bottom:1px dashed #eaeaea; margin-left:10px;}

  61. .homepageNewsPortrait {width:40px; display:block; margin-top:7px;}

  62. .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; }

  63. .homepageNewsType {width:95px; font-size:12px; color:#888888; display:block;}

  64. .homepageNewsContent {width:395px; max-width:395px; margin-right:10px; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }

  65. .homepageNewsTime {width:75px; font-size:12px; color:#888888; display:block; text-align:right;}

  66. a.homepageWhite {color:#ffffff;}

  67. a.homepageWhite:hover {color:#a1ebff}

  68. a.newsGrey {color:#4b4b4b;}

  69. a.newsGrey:hover {color:#000000;}

  70. a.newsRed {color:red;}

  71. a.newsRed:hovor {color:#888888;}

  72. a.replyGrey {color:#888888; display:inline-block;}

  73. a.replyGrey:hover {color:#4b4b4b;}

  74. a.replyGrey1 {color:#888888;}

  75. a.replyGrey1:hover {color:#4b4b4b;}

  76. a.newsBlue {color:#269ac9;}

  77. a.newsBlue:hover {color:#297fb8;}

  78. a.newsBlack {color:#4b4b4b; font-size:13px; font-weight:bold}

  79. a.menuGrey {color:#808080;}

  80. a.menuGrey:hover {color:#fe7d68;}

  81. .navSearchTypeBox {width:368px; height:35px; position:absolute; border:1px solid #e1e1e1; background-color:#ffffff; padding-left:10px; display:none; color:#3e3e3e; font-size:14px;}

  82. #navSearchAlert {display:none;}

  83. .none{display: none;}

  84. .db {display:block !important;}

  85. 

  86. /*myctrip*/

  87. .userImage{position:absolute; right:140px; top:5px; width:30px;height:30px; background: url(../images/item.png) 2px 4px no-repeat; line-height:1.4;}

  88. a.topnav_login_a{color:#fff; display:inline-block;}

  89. a.topnav_login_a:hover {color:#a1ebff;}

  90. 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;}

  91. a.topnav_login_mes:hover {color:#a1ebff;}

  92. a.topnav_login_box{ color:#fff; font-size:14px; font-weight:bold; width:90px; display:inline-block;}

  93. .menuArrow {background:url(../images/item.png) -20px -40px no-repeat;}

  94. li.menuArrow:hover {background:url(../images/item.png) -20px -70px no-repeat;}

  95. a.topnav_login_box:hover {color:#a1ebff;}

  96. .navRow1 {margin:0; padding:0;}

  97. .navRow2 {margin:0; padding:0;}

  98. .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;}

  99. .topnav_login_list a{color:#269ac9;}

  100. .topnav_login_list li{ }

  101. .portraitRadius {border-radius: 3px;}

  102. 

  103. /*底部*/

  104. #Footer{background-color:#ffffff;  padding-bottom:15px; color:#666666;} /*margin-bottom:10px;*/

  105. .footerAboutContainer {width:auto; border-bottom:1px solid #efefef;}

  106. .footerAbout{ width:485px; margin:0 auto;height:35px; line-height:35px; padding-top: 10px;}

  107. .languageBox {width:55px; height:20px; margin-left:5px; outline:none; color:#666666; border:1px solid #d9d9d9;}

  108. .departments{ width:950px; margin:5px auto 0 auto;height:30px;line-height:30px;}

  109. .copyright{ width:375px; margin:0 auto;height:20px;line-height:20px;}

  110. a.f_grey {color:#666666 !important;}

  111. a.f_grey:hover {color:#000000 !important;}

  112. .mr30 {margin-right: 30px;}

  113. 

  114. 

  115. /*注册登陆页面*/

  116. #loginSignButton {height:54px; padding-left:10px; padding-right:10px; text-align:center; line-height:54px; vertical-align:middle; color:#ffffff; font-size:16px;}

  117. #loginInButton {height:54px; padding-left:10px; padding-right:10px; text-align:center; line-height:54px; vertical-align:middle; color:#ffffff; font-size:16px;}

  118. #loginSignButton:hover {background-color:#297fb8;}

  119. #loginInButton:hover {background-color:#297fb8;}

  120. 

  121. /* 邮箱验证 */

  122. .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;}

  123. .mt30{ margin-top:30px;}

  124. .ml30{ margin-left:30px;}

  125. .new_content{

  126.     width:1000px;

  127.     margin:10px auto;

  128.     padding:30px 0;

  129.     background-color:#fff;

  130. }

  131. .email_verify{

  132.     width:720px;

  133.     margin:0px auto;

  134. }

  135. .email_verify_prompt{

  136.     border:2px solid #dd0000;

  137.     background:#ffe3e3 url(../images/icons_prompt.png) 25px 10px no-repeat;;

  138.     height:35px;

  139.     line-height:35px;

  140.     padding-left:45px;

  141.     color:#8b0000;

  142.     font-size:14px;

  143. }

  144. .email_verify_btn{

  145.     border-style:none;

  146.     height:35px;

  147.     padding:0 15px;

  148.     line-height:35px;

  149.     color:#fff;

  150.     background:#3a95d7;

  151.     text-align:center;

  152.     -webkit-border-radius:5px;

  153.     -moz-border-radius:5px;

  154.     -o-border-radius:5px;

  155.     border-radius:5px;

  156.     font-size:14px;

  157. }

  158. .email_verify_btn:hover{

  159.     background:#017bd3;

  160. }

  161. .email_sub_btn{

  162.     border-style:none;

  163.     height:30px;

  164.     padding:0 25px;

  165.     line-height:30px;

  166.     color:#fff;

  167.     background:#3a95d7;

  168.     text-align:center;

  169.     -webkit-border-radius:5px;

  170.     -moz-border-radius:5px;

  171.     -o-border-radius:5px;

  172.     border-radius:5px;

  173.     font-size:14px;

  174. }

  175. .email_sub_btn:hover{

  176.     background:#017bd3;

  177. }

  178. .email_prompt_p{

  179.     font-size:14px;

  180.     color:#000;

  181.     margin-bottom:10px;

  182. }

  183. .email_prompt_txt{ width:480px;}

  184. .email_prompt_txt li{

  185.     margin-left:15px;

  186.     list-style-type: disc;

  187.     color:#777;

  188.     line-height:1.9;

  189.     font-size:14px;

  190. }

  191. .email_prompt_mes{

  192.     border:1px solid #ccc;

  193.     -webkit-border-radius:5px;

  194.     -moz-border-radius:5px;

  195.     -o-border-radius:5px;

  196.     border-radius:5px;

  197.     width:468px;

  198.     height:60px;

  199.     background:#fff;

  200.     padding:5px;

  201.     margin-bottom: 5px;

  202. }

  203. .email_tanbox{

  204.     border:2px solid #3a95d7;

  205.     background:#fff;

  206.     width:480px;

  207. 

  208. }

  209. .email_tancon{

  210.     width:420px;

  211.     margin:0 auto;

  212.     text-align:center;

  213.     padding:20px 30px;

  214.     background:#fff;

  215. }

  216. .email_tan_title{

  217.     font-size:18px;

  218.     color:#3a95d7;

  219.     font-weight:normal;

  220.     margin-bottom:5px;

  221. }

  222. .email_tan_p{

  223.     font-size:14px;

  224.     color:#4c4c4c;

  225. 

  226. }

  227. .email_verify_p{

  228.     font-size:14px;

  229.     color:#3a95d7;

  230. }

  231. 

  232. /***** Ajax indicator ******/

  233. /*-------resendmail---------*/

  234. #ajax-indicator {

  235.     position: absolute; /* fixed not supported by IE */

  236.     background-color:#eee;

  237.     border: 1px solid #bbb;

  238.     top:35%;

  239.     left:40%;

  240.     width:20%;

  241.     font-weight:bold;

  242.     text-align:center;

  243.     padding:0.6em;

  244.     z-index:100000;

  245.     opacity: 0.5;

  246. }

  247. 

  248. html>body #ajax-indicator { position: fixed; }

  249. 

  250. #ajax-indicator span {

  251.     background-position: 0% 40%;

  252.     background-repeat: no-repeat;

  253.     background-image: url(../images/loading.gif);

  254.     padding-left: 26px;

  255.     vertical-align: bottom;

  256. }

  257. 

  258. div.modal {

  259.     border-radius: 5px;

  260.     background: #fff;

  261.     z-index: 50;

  262.     padding: 4px;

  263. }

  264. .ui-widget-content {

  265.     border: 1px solid #ddd;

  266.     color: #333;

  267. }

  268. .ui-widget {

  269.     font-family: Verdana, sans-serif;

  270.     font-size: 1.1em;

  271. }

  272. .ui-dialog .ui-dialog-content {

  273.     position: relative;

  274.     border: 0;

  275.     padding: .5em 1em;

  276.     background: none;

  277.     overflow: auto;

  278.     zoom: 1;

  279. }

  280. .ui-widget-overlay {

  281.     position: absolute;

  282.     top: 0;

  283.     left: 0;

  284.     width: 100%;

  285.     height: 100%;

  286. }

  287. .ui-widget-overlay {

  288.     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;

  289.     opacity: .5;

  290.     filter: Alpha(Opacity=50);

  291. }

  292. .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;}

  293. 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;}

  294. a:hover.Blue-btn{ background:#3598db; color:#fff;}

  295. /***** end Ajax indicator ******/

  296. 

  297. /*消息弹框*/

  298. .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;}

  299. .shadowbox_news_title{ height:40px; line-height:40px;padding-left:10px; font-size:12px; color:#333;border-bottom:1px solid #eee;}

  300. .shadowbox_news_p{ height:40px; line-height:40px; font-size:12px; color:#333;}

  301. .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); }

  302. .shadowbox_news_list{ max-height:400px; overflow:hidden;}

  303. .shadowbox_news_list a{ color:#999;}

  304. .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;}

  305. .shadowbox_news_list li:hover{ background-color:#eee;}

  306. span.shadowbox_news_user{ color:#3b94d6;}

  307. a.shadowbox_news_all{ display:block; width:305px; height:40px; line-height:40px; color:#3b94d6; text-align:center;border-top:1px solid #eee;}

  308. .undis {display:none;}

  309. .text_c {text-align:center;}