index.css 24 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121
  1. .csdn-toolbar {
  2. font-size: 12px;
  3. background: #fff;
  4. padding: 0;
  5. color: #999;
  6. border-bottom: 1px solid #e9e9e9;
  7. font-family: "Helvetica", "Tahoma, Arial", "sans-serif";
  8. font-size: 0.75em;
  9. color: #333;
  10. line-height: 1.5em;
  11. }
  12. .csdn-toolbar *,
  13. .csdn-toolbar *:before,
  14. .csdn-toolbar *:after {
  15. -webkit-box-sizing: content-box;
  16. -moz-box-sizing: content-box;
  17. box-sizing: content-box;
  18. }
  19. .csdn-toolbar div,
  20. .csdn-toolbar dl,
  21. .csdn-toolbar dt,
  22. .csdn-toolbar dd,
  23. .csdn-toolbar ul,
  24. .csdn-toolbar li,
  25. .csdn-toolbar h1,
  26. .csdn-toolbar h2,
  27. .csdn-toolbar h3,
  28. .csdn-toolbar h4,
  29. .csdn-toolbar h5,
  30. .csdn-toolbar h6,
  31. .csdn-toolbar pre,
  32. .csdn-toolbar code,
  33. .csdn-toolbar form,
  34. .csdn-toolbar fieldset,
  35. .csdn-toolbar legend,
  36. .csdn-toolbar input,
  37. .csdn-toolbar textarea,
  38. .csdn-toolbar p,
  39. .csdn-toolbar blockquote,
  40. .csdn-toolbar th,
  41. .csdn-toolbar td {
  42. margin: 0;
  43. padding: 0;
  44. line-height: 1.5em;
  45. text-align: left;
  46. }
  47. .csdn-toolbar table {
  48. border-collapse: collapse;
  49. border-spacing: 0;
  50. table-layout: fixed;
  51. }
  52. .csdn-toolbar fieldset,
  53. .csdn-toolbar img {
  54. border: 0;
  55. }
  56. .csdn-toolbar address,
  57. .csdn-toolbar caption,
  58. .csdn-toolbar cite,
  59. .csdn-toolbar code,
  60. .csdn-toolbar dfn,
  61. .csdn-toolbar em,
  62. .csdn-toolbar strong,
  63. .csdn-toolbar th,
  64. .csdn-toolbar var {
  65. font-style: normal;
  66. font-weight: normal;
  67. }
  68. .csdn-toolbar ul {
  69. list-style: none;
  70. }
  71. .csdn-toolbar caption,
  72. .csdn-toolbar th {
  73. text-align: left;
  74. }
  75. .csdn-toolbar .clearfix:before,
  76. .csdn-toolbar .clearfix:after {
  77. content: " ";
  78. display: table;
  79. }
  80. .csdn-toolbar .clearfix:after {
  81. clear: both;
  82. }
  83. .csdn-toolbar .clearfix {
  84. overflow: visible;
  85. }
  86. .csdn-toolbar .col-sm-2 {
  87. float: left;
  88. }
  89. .csdn-toolbar h1,
  90. .csdn-toolbar h2,
  91. .csdn-toolbar h3,
  92. .csdn-toolbar h4,
  93. .csdn-toolbar h5,
  94. .csdn-toolbar h6 {
  95. font-family: "Helvetica", "Tahoma, Arial", "sans-serif";
  96. font-weight: bold;
  97. line-height: 1.5em;
  98. color: #333;
  99. background: none;
  100. margin: 0;
  101. text-align: left;
  102. }
  103. .csdn-toolbar h1 {
  104. font-size: 3em;
  105. }
  106. .csdn-toolbar h2 {
  107. font-size: 2.5em;
  108. }
  109. .csdn-toolbar h3 {
  110. font-size: 2em;
  111. }
  112. .csdn-toolbar h4 {
  113. font-size: 1.5em;
  114. }
  115. .csdn-toolbar h5 {
  116. font-size: 1.166666666em;
  117. }
  118. .csdn-toolbar h6 {
  119. font-size: 1em;
  120. }
  121. .csdn-toolbar textarea {
  122. resize: none;
  123. }
  124. .csdn-toolbar a:link,
  125. .csdn-toolbar a:visited {
  126. color: #333;
  127. text-decoration: none;
  128. }
  129. .csdn-toolbar a:hover {
  130. color: #c00;
  131. text-decoration: none;
  132. }
  133. .csdn-toolbar h1 a:link,
  134. .csdn-toolbar h1 a:visited,
  135. .csdn-toolbar h2 a:link,
  136. .csdn-toolbar h2 a:visited,
  137. .csdn-toolbar h3 a:link,
  138. .csdn-toolbar h3 a:visited,
  139. .csdn-toolbar h4 a:link,
  140. .csdn-toolbar h4 a:visited,
  141. .csdn-toolbar h5 a:link,
  142. .csdn-toolbar h5 a:visited,
  143. .csdn-toolbar h6 a:link,
  144. .csdn-toolbar h6 a:visited {
  145. color: #333;
  146. }
  147. .csdn-toolbar h1 a:hover,
  148. .csdn-toolbar h2 a:hover,
  149. .csdn-toolbar h3 a:hover,
  150. .csdn-toolbar h4 a:hover,
  151. .csdn-toolbar h5 a:hover,
  152. .csdn-toolbar h6 a:hover {
  153. color: #c00;
  154. }
  155. .csdn-toolbar a:focus {
  156. outline: none;
  157. }
  158. .csdn-toolbar a.f-blue:link,
  159. .csdn-toolbar a.f-blue:visited {
  160. color: #2981a9;
  161. text-decoration: none;
  162. }
  163. .csdn-toolbar a.f-blue:visited {
  164. color: #025d87;
  165. text-decoration: none;
  166. }
  167. .csdn-toolbar a.f-undline:link,
  168. .csdn-toolbar a.f-undline:visited {
  169. text-decoration: underline;
  170. }
  171. .csdn-toolbar a.f-undline:visited {
  172. text-decoration: underline;
  173. }
  174. .csdn-toolbar .col-sm-1,
  175. .csdn-toolbar .col-sm-2,
  176. .csdn-toolbar .col-sm-3,
  177. .csdn-toolbar .col-sm-4,
  178. .csdn-toolbar .col-sm-5,
  179. .csdn-toolbar .col-sm-6,
  180. .csdn-toolbar .col-sm-7,
  181. .csdn-toolbar .col-sm-8,
  182. .csdn-toolbar .col-sm-9,
  183. .csdn-toolbar .col-sm-10,
  184. .csdn-toolbar .col-sm-11 {
  185. float: left;
  186. }
  187. .csdn-toolbar .form-horizontal .form-group:after {
  188. clear: both;
  189. }
  190. .csdn-toolbar .form-horizontal .form-group:before,
  191. .csdn-toolbar .form-horizontal .form-group:after {
  192. content: " ";
  193. display: table;
  194. }
  195. .csdn-toolbar .col-sm-12 {
  196. width: 100%;
  197. }
  198. .csdn-toolbar .col-sm-11 {
  199. width: 91.6667%;
  200. }
  201. .csdn-toolbar .col-sm-10 {
  202. width: 86.3333%;
  203. }
  204. .csdn-toolbar .col-sm-9 {
  205. width: 75%;
  206. }
  207. .csdn-toolbar .col-sm-8 {
  208. width: 66.6667%;
  209. }
  210. .csdn-toolbar .col-sm-7 {
  211. width: 58.3333%;
  212. }
  213. .csdn-toolbar .col-sm-6 {
  214. width: 50%;
  215. }
  216. .csdn-toolbar .col-sm-5 {
  217. width: 41.6667%;
  218. }
  219. .csdn-toolbar .col-sm-4 {
  220. width: 33.3333%;
  221. }
  222. .csdn-toolbar .col-sm-3 {
  223. width: 25%;
  224. }
  225. .csdn-toolbar .col-sm-2 {
  226. width: 16.6667%;
  227. }
  228. .csdn-toolbar .col-sm-1 {
  229. width: 8.33333%;
  230. }
  231. .csdn-toolbar .pull-left {
  232. float: left;
  233. }
  234. .csdn-toolbar .pull-right {
  235. float: right;
  236. }
  237. .csdn-toolbar a {
  238. color: #999;
  239. text-decoration: none;
  240. font-size: 12px;
  241. font-weight: normal;
  242. }
  243. .csdn-toolbar a:hover {
  244. color: #333;
  245. }
  246. .csdn-toolbar dl {
  247. margin: 0;
  248. font-size: 12px;
  249. }
  250. .csdn-toolbar ul,
  251. .csdn-toolbar li {
  252. margin: 0;
  253. padding: 0;
  254. }
  255. .csdn-toolbar li {
  256. list-style: none;
  257. float: left;
  258. height: 40px;
  259. width: 40px;
  260. border: 1px solid #eee;
  261. border-width: 0 1px 0 1px;
  262. border-right-color: #fff;
  263. position: relative;
  264. background: none;
  265. }
  266. .csdn-toolbar .hide {
  267. display: none;
  268. }
  269. .csdn-toolbar .open .dropdown-menu {
  270. display: block;
  271. min-width: 70px;
  272. border-radius: 0;
  273. top: 23px;
  274. }
  275. .csdn-toolbar .open .dropdown-menu li {
  276. width: 100%;
  277. float: left;
  278. height: auto;
  279. border: 0 none;
  280. text-align: center;
  281. color: #333;
  282. padding-right: 10px;
  283. }
  284. .csdn-toolbar input:focus,
  285. .csdn-toolbar textarea:focus {
  286. border-color: #9cf;
  287. box-shadow: none;
  288. }
  289. .csdn-toolbar .form-horizontal .form-group {
  290. margin: 0 0 10px 0;
  291. }
  292. .csdn-toolbar .form-horizontal .form-group .ft {
  293. margin-left: 25px;
  294. padding-left: 12px;
  295. width: 362px;
  296. }
  297. .csdn-toolbar .form-horizontal .control-label {
  298. padding: 7px 10px 0 0;
  299. width: 38px;
  300. text-align: right;
  301. -webkit-box-sizing: border-box;
  302. -moz-box-sizing: border-box;
  303. box-sizing: border-box;
  304. }
  305. .csdn-toolbar .form-control {
  306. display: block;
  307. width: 100%;
  308. border-radius: 0;
  309. height: 28px;
  310. padding: 0px 7px;
  311. font-size: 14px;
  312. line-height: 1.428571429;
  313. color: #555;
  314. vertical-align: middle;
  315. background-color: #fff;
  316. background-image: none;
  317. border: 1px solid #ccc;
  318. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  319. box-shadow: none;
  320. -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  321. transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  322. }
  323. .csdn-toolbar textarea.form-control {
  324. height: 70px;
  325. padding-top: 5px;
  326. }
  327. .csdn-toolbar .nobg {
  328. background: none !important;
  329. }
  330. .csdn-toolbar .icon-hasnotes-sm,
  331. .csdn-toolbar .icon-enter-sm,
  332. .csdn-toolbar .write-icon {
  333. background-image: url("../images/f_icon.png");
  334. }
  335. .csdn-toolbar .icon-enter-sm {
  336. background-position: 0px -192px;
  337. }
  338. .csdn-toolbar .icon {
  339. background-image: url("../images/f_icon.png");
  340. font-size: 16px;
  341. width: 20px;
  342. height: 20px;
  343. background-position: 1px 1px;
  344. margin: 10px auto 0;
  345. position: relative;
  346. z-index: 1001;
  347. background-repeat: no-repeat;
  348. }
  349. .csdn-toolbar .icon .wrap {
  350. font-size: 12px;
  351. display: none;
  352. background: #fff;
  353. border: 1px solid #ccc;
  354. padding: 7px;
  355. position: absolute;
  356. top: 30px;
  357. box-shadow: 0px 3px 2px rgba(0,0,0,0.15);
  358. }
  359. .csdn-toolbar .icon .curr-icon-wrap {
  360. border-bottom: 1px solid #fff;
  361. height: 3px;
  362. position: absolute;
  363. top: -4px;
  364. width: 41px;
  365. }
  366. .csdn-toolbar .on {
  367. border-color: #ccc;
  368. border-width: 0 1px;
  369. background-color: #fff;
  370. }
  371. .csdn-toolbar .on .wrap {
  372. display: block;
  373. }
  374. .csdn-toolbar .container {
  375. width: 960px;
  376. margin: 0 auto;
  377. }
  378. .csdn-toolbar .container:before,
  379. .csdn-toolbar .container:after {
  380. content: " ";
  381. display: table;
  382. }
  383. .csdn-toolbar .btn {
  384. display: inline-block;
  385. padding: 0;
  386. margin-bottom: 0;
  387. font-size: 14px;
  388. font-weight: normal;
  389. line-height: 28px;
  390. text-align: center;
  391. white-space: nowrap;
  392. vertical-align: middle;
  393. cursor: pointer;
  394. background-image: none;
  395. border: 1px solid transparent;
  396. border-radius: 0;
  397. -moz-box-sizing: border-box;
  398. -webkit-box-sizing: border-box;
  399. box-sizing: border-box;
  400. -webkit-user-select: none;
  401. -moz-user-select: none;
  402. -ms-user-select: none;
  403. -o-user-select: none;
  404. user-select: none;
  405. width: 80px;
  406. height: 28px;
  407. color: #fff;
  408. }
  409. .csdn-toolbar .btn:focus {
  410. outline: thin dotted #333;
  411. outline: 5px auto -webkit-focus-ring-color;
  412. outline-offset: -2px;
  413. }
  414. .csdn-toolbar .btn:hover,
  415. .csdn-toolbar .btn:focus {
  416. color: #333;
  417. text-decoration: none;
  418. }
  419. .csdn-toolbar .btn:active {
  420. background-image: none;
  421. outline: 0;
  422. -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  423. box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  424. }
  425. .csdn-toolbar .btn.disabled,
  426. .csdn-toolbar .btn[disabled],
  427. .csdn-toolbar fieldset[disabled] .btn {
  428. pointer-events: none;
  429. cursor: not-allowed;
  430. opacity: 0.65;
  431. -webkit-box-shadow: none;
  432. box-shadow: none;
  433. }
  434. .csdn-toolbar .btn:hover,
  435. .csdn-toolbar .btn:focus {
  436. color: #fff;
  437. }
  438. .csdn-toolbar .btn-default:hover,
  439. .csdn-toolbar .btn-default:focus,
  440. .csdn-toolbar .btn-default:active,
  441. .csdn-toolbar .btn-default.active,
  442. .csdn-toolbar .open .dropdown-toggle.btn-default {
  443. background-color: #ebebeb;
  444. border-color: #adadad;
  445. color: #eee;
  446. }
  447. .csdn-toolbar .btn-default:hover,
  448. .csdn-toolbar .btn-default:focus {
  449. background-color: #666;
  450. }
  451. .csdn-toolbar .btn-default {
  452. background-color: #999;
  453. }
  454. .csdn-toolbar .btn-primary {
  455. background-color: #dc3c00;
  456. }
  457. .csdn-toolbar .btn-primary:hover,
  458. .csdn-toolbar .btn-primary:focus {
  459. background-color: #b43200;
  460. }
  461. .csdn-toolbar .loginlink {
  462. background: none;
  463. padding: 10px 13px;
  464. height: 20px;
  465. display: none;
  466. border: 0 none;
  467. }
  468. .csdn-toolbar .logo {
  469. padding: 0;
  470. font-size: 12px;
  471. height: 40px;
  472. width: auto;
  473. padding: 0;
  474. }
  475. .csdn-toolbar .logo .icon {
  476. background-position: 0 0;
  477. display: block;
  478. float: left;
  479. height: 40px;
  480. line-height: 18px;
  481. margin: 0;
  482. padding: 0;
  483. width: 40px;
  484. }
  485. .csdn-toolbar .logo .img {
  486. background-image: url("../images/f_name.png");
  487. margin-left: 10px;
  488. width: 120px;
  489. height: 40px;
  490. float: left;
  491. }
  492. .csdn-toolbar .none {
  493. background-position: 0 45px;
  494. }
  495. .csdn-toolbar .blog-icon {
  496. background-position: 0 -52px;
  497. }
  498. .csdn-toolbar .down-icon {
  499. background-position: 0 -102px;
  500. }
  501. .csdn-toolbar .bbs-icon {
  502. background-position: 0 -152px;
  503. }
  504. .csdn-toolbar .space-icon {
  505. background-position: 0 -202px;
  506. }
  507. .csdn-toolbar .code-icon {
  508. background-position: 0 -252px;
  509. }
  510. .csdn-toolbar .share-icon {
  511. background-position: 0 -305px;
  512. }
  513. .csdn-toolbar .tag-icon {
  514. background-position: 0 -354px;
  515. }
  516. .csdn-toolbar .dashboard-icon {
  517. background-position: 0 -403px;
  518. }
  519. .csdn-toolbar .news-icon {
  520. background-position: 0 16px;
  521. }
  522. .csdn-toolbar .tag-icon {
  523. background-position: 0 -354px;
  524. }
  525. .csdn-toolbar .notify-icon {
  526. background-position: 0 -456px;
  527. }
  528. .csdn-toolbar .ask-icon {
  529. background-position: 0 -503px;
  530. }
  531. .csdn-toolbar .search .icon {
  532. background-position: 0 -130px;
  533. }
  534. .csdn-toolbar .search .wrap {
  535. width: 400px;
  536. padding: 10px;
  537. }
  538. .csdn-toolbar .search .wrap .border {
  539. border: 1px solid #ccc;
  540. }
  541. .csdn-toolbar .search .wrap input {
  542. width: 356px;
  543. border: 0 none;
  544. line-height: 22px;
  545. height: 26px;
  546. padding: 0 5px;
  547. }
  548. .csdn-toolbar .search .wrap input:focus {
  549. border: none;
  550. outline: none;
  551. }
  552. .csdn-toolbar .search .wrap .btn {
  553. height: 26px;
  554. }
  555. .csdn-toolbar .search .wrap .icon-enter-sm {
  556. height: 18px;
  557. margin-top: 4px;
  558. position: absolute;
  559. right: 15px;
  560. width: 20px;
  561. }
  562. .csdn-toolbar .on .on-search-icon {
  563. background-position: -20px -130px;
  564. }
  565. .csdn-toolbar .on .on-search-icon .wrap {
  566. right: -221px;
  567. }
  568. .csdn-toolbar .on .on-search-icon .curr-icon-wrap {
  569. right: 209px;
  570. }
  571. .csdn-toolbar .unlogin .search {
  572. border-width: 0 1px 0 1px;
  573. }
  574. .csdn-toolbar .unlogin .search .wrap {
  575. right: -53px;
  576. }
  577. .csdn-toolbar .unlogin .search .curr-icon-wrap {
  578. right: 41px;
  579. }
  580. .csdn-toolbar .favor .icon {
  581. background-position: 0 -111px;
  582. }
  583. .csdn-toolbar .favor .favor-btns {
  584. text-align: right;
  585. padding: 0;
  586. }
  587. .csdn-toolbar .favor .favor-btns .btn {
  588. margin-left: 4px;
  589. }
  590. .csdn-toolbar .favor .wrap {
  591. padding: 20px;
  592. }
  593. .csdn-toolbar .favor .checkbox label {
  594. display: block;
  595. }
  596. .csdn-toolbar .favor .share {
  597. margin: 2px 5px 0 0;
  598. height: 14px;
  599. vertical-align: middle;
  600. position: static;
  601. }
  602. .csdn-toolbar .on .on-favor-icon {
  603. background-position: -20px -111px;
  604. }
  605. .csdn-toolbar .on .on-favor-icon .wrap {
  606. right: -179px;
  607. width: 400px;
  608. height: 230px;
  609. }
  610. .csdn-toolbar .on .on-favor-icon .curr-icon-wrap {
  611. right: 167px;
  612. }
  613. .csdn-toolbar .on .on-favor-icon .last {
  614. margin-right: 0;
  615. }
  616. .csdn-toolbar .on .on-favor-icon .favor-form .alert {
  617. display: none;
  618. }
  619. .csdn-toolbar .on .on-favor-icon .favor-form .error .alert {
  620. display: block;
  621. margin: 5px 0 0 81px;
  622. width: 300px;
  623. }
  624. .csdn-toolbar .on .on-favor-icon .favor-failed,
  625. .csdn-toolbar .on .on-favor-icon .favor-success {
  626. margin-top: 60px;
  627. text-align: center;
  628. }
  629. .csdn-toolbar .on .on-favor-icon .favor-failed .msg,
  630. .csdn-toolbar .on .on-favor-icon .favor-success .msg {
  631. font-size: 18px;
  632. line-height: 40px;
  633. vertical-align: top;
  634. }
  635. .csdn-toolbar .on .on-favor-icon .favor-failed .btns,
  636. .csdn-toolbar .on .on-favor-icon .favor-success .btns {
  637. margin-top: 10px;
  638. text-align: center;
  639. }
  640. .csdn-toolbar .on .on-favor-icon .favor-failed .btns a,
  641. .csdn-toolbar .on .on-favor-icon .favor-success .btns a {
  642. margin-left: 10px;
  643. }
  644. @-moz-document url-prefix() {
  645. .csdn-toolbar .favor .share {
  646. margin: 0px 5px 0 0;
  647. }
  648. }
  649. .csdn-toolbar .share,
  650. .csdn-toolbar x:-moz-any-link,
  651. .csdn-toolbar x:default {
  652. background: #f00;
  653. height: 100px;
  654. margin-top: 50px;
  655. /* Firefox 3 style here */
  656. }
  657. .csdn-toolbar .notify .on-notify-icon {
  658. display: block !important;
  659. }
  660. .csdn-toolbar .notify .icon {
  661. background-position: 0px -90px;
  662. }
  663. .csdn-toolbar .notify .icon-hasnotes-sm {
  664. background-position: -23px -196px;
  665. height: 10px;
  666. left: 23px;
  667. position: absolute;
  668. top: 9px;
  669. width: 10px;
  670. z-index: 1002;
  671. }
  672. .csdn-toolbar .notify .number {
  673. background: none repeat scroll 0 0 #dc3c00;
  674. color: #fff;
  675. font-size: 12px;
  676. height: 13px;
  677. left: 24px;
  678. line-height: 14px;
  679. position: absolute;
  680. text-align: center;
  681. top: 9px;
  682. width: 12px;
  683. z-index: 1002;
  684. }
  685. .csdn-toolbar #header_notice_num {
  686. background: none !important;
  687. display: none;
  688. }
  689. .csdn-toolbar .csdn_note {
  690. display: block !important;
  691. }
  692. .csdn-toolbar .csdn_note .close1 {
  693. display: none;
  694. }
  695. .csdn-toolbar .csdn_note .go_all {
  696. float: right;
  697. background: none;
  698. }
  699. .csdn-toolbar .csdn_note .read_all {
  700. float: right;
  701. background: none;
  702. }
  703. .csdn-toolbar .csdn_note .go_back {
  704. line-height: 39px;
  705. }
  706. .csdn-toolbar .csdn_note .detail_con {
  707. min-height: 312px !important;
  708. }
  709. .csdn-toolbar .csdn_note .notifications .count_down {
  710. color: #ccc;
  711. }
  712. .csdn-toolbar .csdn_note .notifications .list dt {
  713. line-height: 27px;
  714. }
  715. .csdn-toolbar .csdn_note .notifications .menu_title a {
  716. margin-right: 5px;
  717. }
  718. .csdn-toolbar .on .on-notify-icon {
  719. background-position: -20px -90px;
  720. }
  721. .csdn-toolbar .on .on-notify-icon .wrap {
  722. left: auto !important;
  723. right: -137px !important;
  724. width: 450px !important;
  725. padding: 0;
  726. }
  727. .csdn-toolbar .on .on-notify-icon .curr-icon-wrap {
  728. right: 125px;
  729. }
  730. .csdn-toolbar .on .on-notify-icon .csdn_note .box {
  731. border: 0 none;
  732. box-shadow: none;
  733. top: 0;
  734. left: 0;
  735. }
  736. .csdn-toolbar .on .on-notify-icon .last {
  737. margin-right: 0;
  738. }
  739. .csdn-toolbar .ugc .icon {
  740. background-position: 0px -70px;
  741. }
  742. .csdn-toolbar .ugc .p-news .icon {
  743. background-position: -42px -52px;
  744. }
  745. .csdn-toolbar .ugc .p-news:hover .icon {
  746. background-position: -62px -52px;
  747. }
  748. .csdn-toolbar .ugc .p-down .icon {
  749. background-position: -42px -72px;
  750. }
  751. .csdn-toolbar .ugc .p-down:hover .icon {
  752. background-position: -62px -72px;
  753. }
  754. .csdn-toolbar .ugc .p-doc .icon {
  755. background-position: -42px -72px;
  756. }
  757. .csdn-toolbar .ugc .p-doc:hover .icon {
  758. background-position: -62px -72px;
  759. }
  760. .csdn-toolbar .ugc .p-ask .icon {
  761. background-position: -42px -131px;
  762. }
  763. .csdn-toolbar .ugc .p-ask:hover .icon {
  764. background-position: -62px -131px;
  765. }
  766. .csdn-toolbar .ugc .c-obj .icon {
  767. background-position: -42px -92px;
  768. }
  769. .csdn-toolbar .ugc .c-obj:hover .icon {
  770. background-position: -62px -92px;
  771. }
  772. .csdn-toolbar .ugc .c-code .icon {
  773. background-position: -42px -191px;
  774. }
  775. .csdn-toolbar .ugc .c-code:hover .icon {
  776. background-position: -62px -191px;
  777. }
  778. .csdn-toolbar .ugc .p-src .icon {
  779. background-position: -42px -170px;
  780. }
  781. .csdn-toolbar .ugc .p-src:hover .icon {
  782. background-position: -62px -170px;
  783. }
  784. .csdn-toolbar .ugc .p-blog .icon {
  785. background-position: -42px -111px;
  786. }
  787. .csdn-toolbar .ugc .p-blog:hover .icon {
  788. background-position: -62px -111px;
  789. }
  790. .csdn-toolbar .ugc .p-bbs .icon {
  791. background-position: -42px -132px;
  792. }
  793. .csdn-toolbar .ugc .p-bbs:hover .icon {
  794. background-position: -62px -132px;
  795. }
  796. .csdn-toolbar .ugc .c-grop .icon {
  797. background-position: -42px -152px;
  798. }
  799. .csdn-toolbar .ugc .c-grop:hover .icon {
  800. background-position: -62px -152px;
  801. }
  802. .csdn-toolbar .on .on-ugc-icon {
  803. background-position: -20px -70px;
  804. }
  805. .csdn-toolbar .on .on-ugc-icon .wrap {
  806. right: -95px;
  807. width: 161px;
  808. padding: 12px 0;
  809. }
  810. .csdn-toolbar .on .on-ugc-icon dl {
  811. margin: 0;
  812. }
  813. .csdn-toolbar .on .on-ugc-icon dl dt {
  814. width: 100%;
  815. font-weight: normal;
  816. }
  817. .csdn-toolbar .on .on-ugc-icon dl dt em.icon {
  818. margin: 0 8px 0 0;
  819. float: left;
  820. height: 16px;
  821. width: 16px;
  822. }
  823. .csdn-toolbar .on .on-ugc-icon dl dt span {
  824. display: block;
  825. float: left;
  826. height: 12px;
  827. line-height: 12px;
  828. margin-top: 3px;
  829. }
  830. .csdn-toolbar .on .on-ugc-icon dl dt a {
  831. padding: 10px 13px;
  832. display: block;
  833. text-align: left;
  834. }
  835. .csdn-toolbar .on .on-ugc-icon dl dt a:hover {
  836. background: #eee;
  837. color: #333;
  838. }
  839. .csdn-toolbar .on .on-ugc-icon .curr-icon-wrap {
  840. right: 83px;
  841. }
  842. .csdn-toolbar .on .on-ugc-icon .last {
  843. margin-right: 0;
  844. }
  845. .csdn-toolbar .profile .icon {
  846. background-position: 0px 1px;
  847. }
  848. .csdn-toolbar .profile .curr-icon-img {
  849. display: block;
  850. height: 20px;
  851. margin: 0;
  852. width: 20px;
  853. }
  854. .csdn-toolbar .on .settings {
  855. background-position: 0px -150px;
  856. padding: 0 10px;
  857. margin-right: 2px;
  858. }
  859. .csdn-toolbar .on .quit {
  860. background-position: 0px -170px;
  861. padding: 0 10px;
  862. }
  863. .csdn-toolbar .on .on-profile-icon {
  864. font-size: 12px;
  865. background-position: -20px 0px;
  866. }
  867. .csdn-toolbar .on .on-profile-icon .wrap {
  868. right: -53px;
  869. width: 251px;
  870. padding: 0;
  871. }
  872. .csdn-toolbar .on .on-profile-icon .curr-icon-wrap {
  873. right: 41px;
  874. }
  875. .csdn-toolbar .on .on-profile-icon .bd {
  876. padding: 20px;
  877. }
  878. .csdn-toolbar .on .on-profile-icon .bd .write-icon {
  879. background-position: -78px -50px;
  880. padding: 3px 10px;
  881. }
  882. .csdn-toolbar .on .on-profile-icon .bd .img {
  883. width: 100px;
  884. margin-right: 7px;
  885. }
  886. .csdn-toolbar .on .on-profile-icon .bd .info {
  887. text-align: left;
  888. width: 103px;
  889. float: right;
  890. word-wrap: break-word;
  891. }
  892. .csdn-toolbar .on .on-profile-icon .bd .info .nickname {
  893. font-size: 14px;
  894. }
  895. .csdn-toolbar .on .on-profile-icon .bd .info a {
  896. display: block;
  897. padding-bottom: 5px;
  898. }
  899. .csdn-toolbar .on .on-profile-icon .bd .info .fill-dec {
  900. color: #666;
  901. }
  902. .csdn-toolbar .on .on-profile-icon .ft {
  903. position: relative;
  904. padding: 0 12px 0 20px;
  905. line-height: 40px;
  906. background-color: #f5f5f5;
  907. }
  908. .csdn-toolbar .on .on-profile-icon .ft .icon-cog,
  909. .csdn-toolbar .on .on-profile-icon .ft .icon-signout {
  910. margin-right: 2px;
  911. margin-top: -1px;
  912. display: inline-block;
  913. width: 16px;
  914. height: 16px;
  915. vertical-align: middle;
  916. background: url("../images/f_icon.png") no-repeat -2px -152px;
  917. }
  918. .csdn-toolbar .on .on-profile-icon .ft .icon-signout {
  919. background-position: -2px -172px;
  920. }
  921. .csdn-toolbar .on .on-profile-icon .ft a {
  922. line-height: 40px;
  923. }
  924. .csdn-toolbar .on .on-profile-icon .ft .pull-right {
  925. margin-top: 13px;
  926. }
  927. .csdn-toolbar .on .on-profile-icon .ft .pull-right .out {
  928. display: none;
  929. }
  930. .csdn-toolbar .on .on-profile-icon .ft .pull-right:hover .out {
  931. display: block;
  932. background: #f5f5f5;
  933. position: absolute;
  934. border: 1px solid #999;
  935. border-radius: 5px;
  936. color: #666;
  937. width: 32px;
  938. height: 16px;
  939. line-height: 16px;
  940. text-align: center;
  941. padding: 2px;
  942. top: -12px;
  943. right: -10px;
  944. }
  945. .csdn-toolbar .on .on-profile-icon .ft a:hover .settings {
  946. background-position: -20px -150px;
  947. }
  948. .csdn-toolbar .on .on-profile-icon .ft a:hover .quit {
  949. background-position: -20px -170px;
  950. }
  951. @-moz-document url-prefix() {
  952. .csdn-toolbar .on .settings {
  953. background-position: 0px -152px;
  954. vertical-align: middle;
  955. }
  956. .csdn-toolbar .on .on-profile-icon .ft a:hover .settings {
  957. background-position: -20px -152px;
  958. }
  959. }
  960. .csdn-toolbar .apps {
  961. border-width: 0 1px 0 1px;
  962. border-right-color: #eee;
  963. }
  964. .csdn-toolbar .apps .icon {
  965. background-position: 0px -51px;
  966. }
  967. .csdn-toolbar .apps.on {
  968. border-width: 0 1px 0 1px;
  969. border-right-color: #ccc;
  970. }
  971. .csdn-toolbar .hasnew {
  972. background-position: -23px -196px;
  973. height: 10px;
  974. left: 23px;
  975. position: absolute;
  976. top: 9px;
  977. width: 10px;
  978. z-index: 1002;
  979. background-image: url("../images/f_icon.png");
  980. }
  981. .csdn-toolbar .on .on-apps-icon {
  982. background-position: -20px -51px;
  983. }
  984. .csdn-toolbar .on .on-apps-icon .wrap {
  985. right: -11px;
  986. width: 310px;
  987. padding: 0 20px 20px;
  988. }
  989. .csdn-toolbar .on .on-apps-icon .curr-icon-wrap {
  990. right: 0;
  991. }
  992. .csdn-toolbar .on .on-apps-icon .detail {
  993. float: left;
  994. width: 90px;
  995. font-size: 14px;
  996. margin-right: 20px;
  997. }
  998. .csdn-toolbar .on .on-apps-icon .detail dt {
  999. border-bottom: 1px #666 solid;
  1000. line-height: 31px;
  1001. font-weight: bold;
  1002. margin-top: 15px;
  1003. color: #333;
  1004. }
  1005. .csdn-toolbar .on .on-apps-icon .detail dd {
  1006. border-bottom: 1px #ddd solid;
  1007. line-height: 31px;
  1008. }
  1009. .csdn-toolbar .on .on-apps-icon .detail dd a {
  1010. color: #333;
  1011. }
  1012. .csdn-toolbar .on .on-apps-icon .detail.last {
  1013. margin-right: 0;
  1014. }
  1015. .csdn-toolbar .unlogin .loginlink {
  1016. display: block;
  1017. border-right: none;
  1018. line-height: 24px;
  1019. height: 20px;
  1020. width: 60px;
  1021. font-size: 12px;
  1022. }
  1023. .csdn-toolbar .unlogin .favor,
  1024. .csdn-toolbar .unlogin .notify,
  1025. .csdn-toolbar .unlogin .ugc,
  1026. .csdn-toolbar .unlogin .profile {
  1027. display: none;
  1028. }
  1029. .csdn_notice_tip {
  1030. display: none !important;
  1031. }
  1032. .csdn-toolbar-skin-black {
  1033. height: 40px;
  1034. background: #48525e;
  1035. border-bottom: none;
  1036. }
  1037. .csdn-toolbar-skin-black li {
  1038. border-left: 1px solid #74797e;
  1039. border-right: 1px solid #48525e;
  1040. height: 40px;
  1041. }
  1042. .csdn-toolbar-skin-black li.on {
  1043. height: 40px;
  1044. width: 40px;
  1045. border-right: 1px solid #fff;
  1046. }
  1047. .csdn-toolbar-skin-black .icon .wrap {
  1048. top: 30px;
  1049. }
  1050. .csdn-toolbar-skin-black .icon .curr-icon-wrap {
  1051. width: 41px;
  1052. }
  1053. .csdn-toolbar-skin-black .apps {
  1054. border-right-color: #74797e;
  1055. }
  1056. .csdn-toolbar-skin-black .on .on-apps-icon .wrap {
  1057. right: -12px;
  1058. }
  1059. .csdn-toolbar-skin-black .loginlink {
  1060. background: none;
  1061. color: #ddd;
  1062. }
  1063. .csdn-toolbar-skin-black .loginlink a {
  1064. color: #ddd;
  1065. }
  1066. .csdn-toolbar-skin-black .loginlink a:hover {
  1067. color: #fefefe;
  1068. }
  1069. .csdn-toolbar-skin-black .blog-icon {
  1070. background-position: -162px -52px;
  1071. }
  1072. .csdn-toolbar-skin-black .down-icon {
  1073. background-position: -162px -102px;
  1074. }
  1075. .csdn-toolbar-skin-black .bbs-icon {
  1076. background-position: -162px -152px;
  1077. }
  1078. .csdn-toolbar-skin-black .space-icon {
  1079. background-position: -162px -202px;
  1080. }
  1081. .csdn-toolbar-skin-black .code-icon {
  1082. background-position: -162px -252px;
  1083. }
  1084. .csdn-toolbar-skin-black .share-icon {
  1085. background-position: -162px -305px;
  1086. }
  1087. .csdn-toolbar-skin-black .tag-icon {
  1088. background-position: -162px -354px;
  1089. }
  1090. .csdn-toolbar-skin-black .dashboard-icon {
  1091. background-position: -162px -403px;
  1092. }
  1093. .csdn-toolbar-skin-black .news-icon {
  1094. background-position: -162px -3px;
  1095. }
  1096. .csdn-toolbar-skin-black .tag-icon {
  1097. background-position: -162px -354px;
  1098. }
  1099. .csdn-toolbar-skin-black .notify-icon {
  1100. background-position: -162px -456px;
  1101. }
  1102. .csdn-toolbar-skin-black .ask-icon {
  1103. background-position: -162px -503px;
  1104. }
  1105. .navbar-fixed-top,
  1106. .navbar-fixed-bottom {
  1107. left: 0;
  1108. position: fixed;
  1109. right: 0;
  1110. z-index: 1030;
  1111. }
  1112. .navbar-fixed-top {
  1113. top: 0;
  1114. }
  1115. .csdn-toolbar .icon-signout {
  1116. line-height: 40px
  1117. }
  1118. .csdn-toolbar .on .on-profile-icon .ft .icon-cog:before,
  1119. .csdn-toolbar .on .on-profile-icon .ft .icon-signout:before {
  1120. display:none;
  1121. }