html – 这个项目符号是什么?不显示圈子?

前端之家收集整理的这篇文章主要介绍了html – 这个项目符号是什么?不显示圈子?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在我的网页上显示一些项目符号列表圈子,但它似乎没有显示,我尝试使用firebug,但我找不到什么问题,我经历了我的整个css文件,我不看到问题在哪里,我希望列表与圆圈垂直!

请你帮帮我,这里是代码

  1. /* Browser resets. */
  2. html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section {
  3. margin: 0;
  4. padding: 0;
  5. border: 0;
  6. font-weight: inherit;
  7. font-style: inherit;
  8. font-size: 1em;
  9. font-family: inherit;
  10. vertical-align: baseline;
  11. line-height: 1.5em;
  12. }
  13.  
  14.  
  15.  
  16. #fancy_ajax .note{ cursor:default; }
  17.  
  18. /* Three styles for the notes: */
  19.  
  20. .yellow{
  21. background-color:#FDFB8C;
  22. border:1px solid #DEDC65;
  23. }
  24.  
  25. .blue{
  26. background-color:#A6E3FC;
  27. border:1px solid #75C5E7;
  28. }
  29.  
  30. .green{
  31. background-color:#A5F88B;
  32. border:1px solid #98E775;
  33. }
  34.  
  35. /* Each note has a data span,which holds its ID */
  36. span.data{ display:none; }
  37.  
  38.  
  39.  
  40. /* Green button class: */
  41. a.green-button,a.green-button:visited{
  42. color:black;
  43. display:block;
  44. font-size:10px;
  45. font-weight:bold;
  46. height:15px;
  47. padding:6px 5px 4px;
  48. text-align:center;
  49. width:60px;
  50.  
  51. text-shadow:1px 1px 1px #DDDDDD;
  52. background:url(../img/button_green.png) no-repeat left top;
  53. }
  54.  
  55. a.green-button:hover{
  56. text-decoration:none;
  57. background-position:left bottom;
  58. }
  59.  
  60. .author{
  61. /* The author name on the note: */
  62. bottom:10px;
  63. color:#666666;
  64. font-family:Arial,Verdana,sans-serif;
  65. font-size:12px;
  66. position:absolute;
  67. right:10px;
  68. }
  69.  
  70. #main{
  71. /* Contains all the notes and limits their movement: */
  72. margin:0 auto;
  73. position:relative;
  74. width:980px;
  75. height:500px;
  76. z-index:10;
  77. background:url(img/add_a_note_help.gif) no-repeat left top;
  78. }
  79.  
  80. h3.popupTitle{
  81. border-bottom:1px solid #DDDDDD;
  82. color:#666666;
  83. font-size:24px;
  84. font-weight:normal;
  85. padding:0 0 5px;
  86. }
  87.  
  88. #noteData{
  89. /* The input form in the pop-up: */
  90. height:200px;
  91. margin:0px 0 0 0px;
  92. width:350px;
  93. }
  94.  
  95. .note-form label{
  96. display:block;
  97. font-size:10px;
  98. font-weight:bold;
  99. letter-spacing:1px;
  100. text-transform:uppercase;
  101. padding-bottom:3px;
  102. }
  103.  
  104. .note-form textarea,.note-form input[type=text]{
  105. background-color:#FCFCFC;
  106. border:1px solid #AAAAAA;
  107. font-family:Arial,sans-serif;
  108. font-size:19px;
  109. font-weight: bold;
  110. height:60px;
  111. padding:5px;
  112. width:300px;
  113. margin-bottom:0px;
  114. }
  115.  
  116. .note-form input[type=text]{ height:auto; }
  117.  
  118. .color{
  119. /* The color swatches in the form: */
  120. cursor:pointer;
  121. float:left;
  122. height:10px;
  123. margin:0 5px 0 0;
  124. width:10px;
  125. }
  126.  
  127. #note-submit{ margin:20px auto; }
  128.  
  129.  
  130. body {
  131. height:100%;
  132. background-color: white;
  133. font-size: 14px;
  134. color: #333333;
  135. font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
  136. }
  137.  
  138. /* custom selection colors */
  139. ::-moz-selection {
  140. color: #fff;
  141. color: rgba(255,255,.85);
  142. background: #ea4c88;
  143. }
  144.  
  145. ::selection {
  146. color: #fff;
  147. color: rgba(255,.85);
  148. background: #ea4c88;
  149. }
  150.  
  151. /* Links */
  152. a {
  153. text-decoration: none;
  154. color: #19558D;
  155. font-size: inherit;
  156. }
  157.  
  158. a:hover {
  159. text-decoration: underline;
  160. }
  161.  
  162. a:visited {
  163. text-decoration: none;
  164. background-color: inherit;
  165. color: #336699;
  166. }
  167.  
  168. a img {
  169. border: none;
  170. }
  171.  
  172. /* Input fields + label */
  173. input,textarea {
  174. border: 1px solid #999999;
  175. padding: 5px;
  176. }
  177.  
  178. label {
  179. float: left;
  180. margin-right: 10px;
  181. margin-top: 10px;
  182. margin-bottom: 0pxpx;
  183. width: 120px;
  184. font-size: 22px;
  185. color: inherit;
  186. font-family: "Lucida Grande",sans-serif;
  187. }
  188.  
  189. #error {
  190. font-size: 14px;
  191. }
  192.  
  193. /* Lists */
  194. li {
  195. font-size: 14px;
  196. margin-left: 10px;
  197. list-style-type: circle;
  198. display:inline;
  199. }
  200.  
  201. li a {
  202. margin-left: inherit;
  203. }
  204.  
  205. #like_text {
  206. float: left;
  207. color: #0099CC;
  208. cursor: pointer;
  209. font-size: inherit;
  210. }
  211.  
  212. .like_list_element {
  213. width: 681px;
  214. float: left;
  215. padding-top: 15px;
  216. margin-left: 0px;
  217. height: 35px;
  218. border-bottom: 1px solid #999999;
  219. }
  220.  
  221. .like_list_element:hover {
  222. width: 681px;
  223. float: left;
  224. padding-top: 15px;
  225. margin-left: 0px;
  226. height: 35px;
  227. border-bottom: 1px solid #999999;
  228. background-color: #EDEDED;
  229. }
  230.  
  231.  
  232. .micro_avatar {
  233. float: left;
  234. width: 30px;
  235. height: 30px;
  236. margin-right: 15px;
  237. margin-top: -7px;
  238. padding: 2px;
  239. background-color: #ffffff;
  240. -moz-Box-shadow: 2px 2px 4px #D1D1D1;
  241. -webkit-Box-shadow: 2px 2px 4px #D1D1D1;
  242. Box-shadow: 2px 2px 4px #D1D1D1;
  243. -moz-border-radius: 2px;
  244. border-radius: 2px;
  245. }
  246.  
  247. /* "Super" headline */
  248. h1 {
  249. font-weight: bold;
  250. font-style: italic;
  251. font-size: 38px;
  252. color: #666666;
  253. font-family: Georgia,"Times new roman",serif;
  254. }
  255.  
  256. /* "Medium (bold)" headline */
  257. h2 {
  258. font-size: 20px;
  259. font-weight: bolder;
  260. color: inherit;
  261. font-family: "Lucida Grande",sans-serif;
  262. }
  263.  
  264. /* Normal headline (used on profile page) */
  265. .normal_headline {
  266. font-size: 22px;
  267. float: left;
  268. font-weight: bold;
  269. color: inherit;
  270. font-family: "Lucida Grande",sans-serif;
  271. }
  272.  
  273. /* "Standard" headline */
  274. h3 {
  275. font-size: 15px;
  276. color: inherit;
  277. font-family: "Lucida Grande",sans-serif;
  278. }
  279.  
  280. /* page structure */
  281.  
  282. /* Container - main content goes here */
  283. #container {
  284. min-height: 100%;
  285. height:100%;
  286. width: 897px;
  287. margin-bottom: 30px;
  288. margin: 0 auto;
  289. }
  290.  
  291. /* Left (main) content */
  292. #left_content {
  293. float: left;
  294. width: 485px;
  295. font-size: 1em;
  296. padding-left: -15px;
  297. }
  298.  
  299. ul.statuses{
  300. margin:10px 0;
  301. }
  302.  
  303. ul.statuses li {
  304. position:relative;
  305. padding:15px 15px 15px 10px;
  306. list-style:none;
  307. font-size:12px;
  308. }
  309.  
  310.  
  311.  
  312.  
  313.  
  314. div.tweetTxt{
  315.  
  316. float:left;
  317. width:400px;
  318. overflow:hidden;
  319. }
  320.  
  321. ul.statuses a img.avatar{
  322. float:left;
  323. margin-right:10px;
  324. border:1px solid #446600;
  325. }
  326. div.date{
  327. line-height:18px;
  328. font-size:10px;
  329. color:#999999;
  330.  
  331. }
  332.  
  333.  
  334.  
  335. .question_link{
  336.  
  337. float:left;
  338. font-weight: bold;
  339. margin-left:40px;
  340. color:blue;
  341.  
  342.  
  343.  
  344.  
  345. }
  346.  
  347. #answerText {
  348.  
  349. float:left;
  350. width:480px;
  351. margin-left:40px;
  352. margin-bottom: 5px;
  353.  
  354. }
  355. #answerText ul{
  356.  
  357. margin-left:40px;
  358. }
  359. #answerText li {
  360.  
  361. list-style-type: circle;
  362. font-size:30px;
  363.  
  364.  
  365. }
  366. .answerActions {
  367.  
  368. float:left;
  369. margin-left:40px;
  370. font-size:9px;
  371.  
  372.  
  373. }
  374. .thanks{
  375. font-weight:bold;
  376. }
  377. .content{
  378. float:left;
  379.  
  380.  
  381. }
  382. /* Used for seperating content eg. Timeline && photos */
  383. .left_content_seperator {
  384. width: 485px;
  385. float: left;
  386. border-bottom: 1px solid #999999;
  387. margin-top: 15px;
  388. margin-bottom: 30px;
  389. height: auto;
  390. }
  391.  
  392. /* Used in eg. postphoto.PHP */
  393. .big_content_seperator {
  394. width: 897px;
  395. float: left;
  396. border-bottom: 1px solid #999999;
  397. margin-bottom: 30px;
  398. }
  399.  
  400. /* Right side content */
  401. .right_content {
  402. float: right;
  403. width: 200px;
  404. font-size: 14px;
  405. margin-right:80px;
  406. }
  407.  
  408. /* Used for seperating content eg. Timeline && photos */
  409. .right_content_seperator {
  410. width: 200px;
  411. float: right;
  412. margin-top: 33px;
  413. margin-bottom: 15px;
  414. }
  415.  
  416. .right_content_seperator_home {
  417. width: 200px;
  418. float: right;
  419. margin-top: 25px;
  420. margin-bottom: 15px;
  421. }
  422.  
  423. /* For footer + header (outside the main container) */
  424. .small_container {
  425. margin: 0 auto;
  426. width: 900px;
  427.  
  428. }
  429.  
  430. /* The bar on the top of the page */
  431. .top_bar {
  432. width: 100%;
  433. height: 50px;
  434. margin-bottom: 30px;
  435. background:none repeat scroll 0 0 black;
  436. }
  437. #search {
  438.  
  439. width: 502px;
  440. padding: 10px;
  441. height:20px;
  442. margin: 10px 0px 0px -30px;
  443. background-color:#505759;
  444. float:left
  445. }
  446.  
  447. .question_Box{
  448.  
  449. background: none repeat scroll 0 0 #FFFFFF;
  450. border-color: #CCCCCC #999999 #999999 #CCCCCC;
  451. border-style: solid;
  452. border-width: 1px;
  453. color: #000000;
  454. font: 16px arial,sans-serif;
  455. margin: -5px 0px 0px -5px;
  456. padding: 5px 8px 0px 6px;
  457. width:380px;
  458. height:25px
  459.  
  460. }
  461. input.blur {
  462. color: #999;
  463. }
  464. #search a {
  465. color: #E5E5E5;
  466. text-decoration: none;
  467. font-weight: bold;
  468. }
  469.  
  470. #search a:hover {
  471. text-decoration: underline;
  472.  
  473. }
  474. /* logotype container */
  475. .logotype {
  476. background-color:#671E1E;
  477. font-size: 20px;
  478. float: left;
  479. color:white;
  480. padding:10px;
  481.  
  482. margin: 10px 30px 0px 0px;
  483. }
  484.  
  485. /* The menu on the top of the page */
  486. .top_menu {
  487. float: right;
  488. text-align: right;
  489. background-color: inherit;
  490. color: #ffffff;
  491. margin: 15px 0px 0px 0px;
  492.  
  493.  
  494. }
  495.  
  496. .top_menu a {
  497. color: #E5E5E5;
  498. text-decoration: none;
  499. }
  500.  
  501. .top_menu a:hover {
  502. text-decoration: underline;
  503. color: inherit;
  504. }
  505.  
  506. /* Main content + form container on the front page */
  507. .text_Box {
  508. margin: 0 auto;
  509. margin-top: 70px;
  510. text-align: center;
  511. width: 590px;
  512. }
  513.  
  514. /* Box for the iPhone image on the front page */
  515. .iphone_promo {
  516. margin: 0 auto;
  517. margin-top: 70px;
  518. margin-bottom: 30px;
  519. text-align: center;
  520. width: 590px;
  521. }
  522.  
  523. /* Red arrow next to the iPhone picture */
  524. .arrow {
  525. margin: 0 auto;
  526. margin-left: 210px;
  527. margin-bottom: -145px;
  528. }
  529.  
  530. /* Typography */
  531. .small_copy {
  532. font-size: 12px;
  533. }
  534.  
  535. #menu_list ul{
  536.  
  537.  
  538.  
  539.  
  540. }
  541. #menu_list li{
  542.  
  543.  
  544. }
  545.  
  546. .not_selected {
  547.  
  548. -moz-border-radius: 5px 5px 5px 5px;
  549. background-image: url("http://d1vgw4v7ja2ido.cloudfront.net/-9dfe92083011731d.gif");
  550. background-position: left center;
  551. background-repeat: no-repeat;
  552. clear: both;
  553. display: block;
  554. font-weight: bold;
  555. padding: 3px 5px 3px 10px;
  556.  
  557.  
  558. color: #444444;
  559. cursor: default;
  560.  
  561.  
  562.  
  563. }
  564. .not_selected:hover{
  565.  
  566. background-color:lightblue;
  567. }
  568.  
  569.  
  570.  
  571.  
  572. .selected{
  573.  
  574.  
  575. -moz-border-radius: 5px 5px 5px 5px;
  576. background-image: url("http://d1vgw4v7ja2ido.cloudfront.net/-9dfe92083011731d.gif");
  577. background-position: left center;
  578. background-repeat: no-repeat;
  579. clear: both;
  580. display: block;
  581. font-weight: bold;
  582. padding: 3px 5px 3px 10px;
  583.  
  584. background-color: #E0E0E0;
  585. color: #444444;
  586. cursor: default;
  587.  
  588. }
  589.  
  590. #menu_list li{
  591. margin-left: inherit;
  592. }
  593.  
  594. .right_seperator {
  595. width: 200px;
  596. float: left;
  597. border-bottom: 1px dotted #999999;
  598. margin-top: 15px;
  599. margin-bottom: 10px;
  600. height: auto;
  601. }
  602.  
  603. .light_gray_serif {
  604. font-family: Georgia,serif;
  605. font-size: inherit;
  606. color: #999999;
  607. font-size: 14px;
  608. }
  609.  
  610. /* Forms */
  611. #email_form {
  612. width: 285px;
  613. height: 40px;
  614. font-size: 22px;
  615. margin-right: -1px;
  616. outline: none;
  617. font-weight: bold;
  618. color: #999999;
  619. font-family: "Lucida Grande",sans-serif;
  620. float: left;
  621. }
  622.  
  623. #submit_button {
  624. width: 295px;
  625. height: 52px;
  626. font-size: 22px;
  627. font-weight: bold;
  628. margin-left: -1px;
  629. cursor: pointer;
  630. color: inherit;
  631. font-family: "Lucida Grande",sans-serif;
  632. border: 1px solid #F9AA33;
  633. float: right;
  634. }
  635.  
  636. #username_form {
  637. width: 448px;
  638. height: 40px;
  639. font-size: 22px;
  640. margin-bottom: 15px;
  641. outline: none;
  642. font-weight: bold;
  643. color: inherit;
  644. font-family: "Lucida Grande",sans-serif;
  645. float: right;
  646. }
  647.  
  648. #password_form {
  649. width: 448px;
  650. height: 40px;
  651. font-size: 22px;
  652. margin-bottom: 15px;
  653. outline: none;
  654. font-weight: bold;
  655. color: inherit;
  656. font-family: "Lucida Grande",sans-serif;
  657. float: right;
  658. }
  659.  
  660. .standard_big_form {
  661. width: 448px;
  662. height: 40px;
  663. font-size: 22px;
  664. margin-bottom: 15px;
  665. outline: none;
  666. font-weight: bold;
  667. color: inherit;
  668. font-family: "Lucida Grande",sans-serif;
  669. float: right;
  670. }
  671.  
  672. /* Big login button */
  673. #login_button {
  674. width: auto;
  675. padding-left: 20px;
  676. padding-right: 20px;
  677. height: 52px;
  678. font-size: 22px;
  679. font-weight: bold;
  680. margin-left: -1px;
  681. cursor: pointer;
  682. color: inherit;
  683. font-family: "Lucida Grande",sans-serif;
  684. border: 1px solid #F9AA33;
  685. float: right;
  686. }
  687.  
  688. #login_button:active {
  689. position: relative;
  690. top: 1px;
  691. }
  692.  
  693. /* Standard buttons */
  694. .big_button {
  695. width: auto;
  696. padding-left: 20px;
  697. padding-right: 20px;
  698. height: 52px;
  699. font-size: 22px;
  700. font-weight: bold;
  701. cursor: pointer;
  702. color: #333333;
  703. font-family: "Lucida Grande",sans-serif;
  704. border: 1px solid #F9AA33;
  705. float: right;
  706. }
  707.  
  708. .big_button:active {
  709. position: relative;
  710. top: 1px;
  711. }
  712.  
  713. .profile_name_container {
  714. width: auto;
  715. }
  716.  
  717. .follow_container {
  718. float: left;
  719. width: auto;
  720. margin-top: 7px;
  721. margin-left: 15px;
  722. }
  723.  
  724. .follow_button {
  725. margin-left: 0px;
  726. text-align: justify;
  727. color: #0099CC;
  728. padding-left: 20px;
  729. padding-right: 4px;
  730. padding-top: 4px;
  731. padding-bottom: 4px;
  732. -moz-border-radius: 5px;
  733. border-radius: 5px;
  734. font-size: 14px;
  735. background: url(../images/follow-icon.png) no-repeat 4px 6px;
  736. }
  737.  
  738. .follow_button:hover {
  739. cursor: pointer;
  740. margin-left: -1px;
  741. margin-right: -1px;
  742. background-color: #EDEDED;
  743. border: 1px solid #999999;
  744. background-image: url(../images/follow-icon.png) no-repeat 4px 6px;
  745. }
  746.  
  747. .unfollow_button {
  748. margin-left: 0px;
  749. text-align: justify;
  750. color: #0099CC;
  751. padding-left: 20px;
  752. padding-right: 4px;
  753. padding-top: 4px;
  754. padding-bottom: 4px;
  755. -moz-border-radius: 5px;
  756. border-radius: 5px;
  757. font-size: 14px;
  758. background: url(../images/unfollow-icon.png) no-repeat 4px 6px;
  759. }
  760.  
  761. .unfollow_button:hover {
  762. cursor: pointer;
  763. margin-left: -1px;
  764. margin-right: -1px;
  765. background-color: #EDEDED;
  766. border: 1px solid #999999;
  767. background-image: url(../images/unfollow-icon.png) no-repeat 4px 6px;
  768. }
  769.  
  770. .push_footer {
  771. margin-bottom: 200px;
  772. }
  773.  
  774. /* Footer (container) of the page */
  775. .footer {
  776. float: left;
  777. margin-top: 30px;
  778. padding-bottom: 15px;
  779. width: 897px;
  780. height: 49px;
  781. border-top: 1px solid #999999;
  782. }
  783.  
  784. /* "Photoblogging through events." text. */
  785. .footer_info {
  786. font-size: 14px;
  787. float: left;
  788. margin-top: 15px;
  789. }
  790.  
  791. /* The link to 'Support & Feature requests' */
  792. .footer_link {
  793. font-size: 14px;
  794. float: right;
  795. margin-top: 15px;
  796. }
  797.  
  798. /*** Colors ***/
  799.  
  800. /* Blue gradient (css gradients,#336699 is used for IE and older browsers) */
  801. .blue_gradient {
  802. background: #336699;
  803. background: -webkit-gradient(linear,left top,left bottom,from(#0099CC),to(#336699));
  804. background: -moz-linear-gradient(top,#0099CC,#336699);
  805. }
  806.  
  807. /* Yellow gradient (for button) #FBAA33 = orange */
  808. .yellow_gradient {
  809. background: #FBAA33;
  810. background: -webkit-gradient(linear,from(#FBF16E),to(#FBAA33));
  811. background: -moz-linear-gradient(top,#FBF16E,#FBAA33);
  812.  
  813. }
  814.  
  815. .yellow_gradient:hover {
  816. background: #F6D05A;
  817. }
  818.  
  819.  
  820. /* Image design */
  821. .photo {
  822. float: left;
  823. min-width: 200px;
  824. min-height: 200px;
  825. padding: 5px;
  826. margin-right: 15px;
  827. margin-bottom: 15px;
  828. background-color: #ffffff;
  829. border: 1px solid #EAEAEA;
  830. -moz-Box-shadow: 4px 4px 10px #D1D1D1;
  831. -webkit-Box-shadow: 4px 4px 10px #D1D1D1;
  832. Box-shadow: 4px 4px 10px #D1D1D1;
  833. }
  834.  
  835. .photo_thumbnail:hover {
  836. filter:alpha(opacity=60);
  837. -moz-opacity:0.6;
  838. -khtml-opacity: 0.6;
  839. opacity: 0.6;
  840. }
  841.  
  842. .big_photo_container {
  843. text-align: center;
  844. width: 666px;
  845. margin-bottom: 15px;
  846. }
  847.  
  848. .event_name {
  849. height: 20px;
  850. margin-right: 5px;
  851. width: 169px;
  852. float: left;
  853. }
  854.  
  855. .trash_can {
  856. height: 17px;
  857. width: 14px;
  858. -moz-border-radius: 5px;
  859. border-radius: 5px;
  860. padding-top: 3px;
  861. padding-left: 2px;
  862. float: right;
  863. }
  864.  
  865. .trash_can:hover {
  866. cursor: pointer;
  867. margin: -1px;
  868. background-color: #EDEDED;
  869. border: 1px solid #999999;
  870. }
  871.  
  872. /* Image design */
  873. .big_photo {
  874. margin-top: 15px;
  875. max-width: 656px;
  876. padding: 5px;
  877. background-color: #ffffff;
  878. border: 1px solid #EAEAEA;
  879. -moz-Box-shadow: 4px 4px 10px #D1D1D1;
  880. -webkit-Box-shadow: 4px 4px 10px #D1D1D1;
  881. Box-shadow: 4px 4px 10px #D1D1D1;
  882. }
  883.  
  884. .profile_photo {
  885. float: left;
  886. width: 50px;
  887. height: 50px;
  888. margin-right: 15px;
  889. margin-bottom: 15px;
  890. padding: 5px;
  891. background-color: #ffffff;
  892. -moz-Box-shadow: 4px 4px 10px #D1D1D1;
  893. -webkit-Box-shadow: 4px 4px 10px #D1D1D1;
  894. Box-shadow: 4px 4px 10px #D1D1D1;
  895. -moz-border-radius: 5px;
  896. border-radius: 5px;
  897. }
  898.  
  899. .profile {
  900. padding-top: 15px;
  901. }
  902.  
  903. /* Heart sign */
  904. .fav {
  905. margin-left: 0px;
  906. color: #0099CC;
  907. padding-left: 20px;
  908. padding-right: 4px;
  909. padding-bottom: 4px;
  910. -moz-border-radius: 5px;
  911. border-radius: 5px;
  912. background: url(../images/heart-icons.png) no-repeat 4px 4px;
  913. }
  914.  
  915. .fav:hover {
  916. cursor: pointer;
  917. margin-left: -1px;
  918. margin-right: -1px;
  919. background-color: #EDEDED;
  920. border: 1px solid #999999;
  921. background: url(../images/heart-icons.png) no-repeat 4px -13px #EDEDED;
  922. }
  923.  
  924. .highlight {
  925. margin-left: 0px;
  926. color: #0099CC;
  927. cursor: pointer;
  928. padding-left: 20px;
  929. padding-right: 4px;
  930. padding-bottom: 4px;
  931. -moz-border-radius: 5px;
  932. border-radius: 5px;
  933. background: url(../images/heart-icons.png) no-repeat 4px -13px;
  934. }
  935.  
  936. .highlight:hover {
  937. cursor: pointer;
  938. margin-left: -1px;
  939. margin-right: -1px;
  940. background-color: #EDEDED;
  941. border: 1px solid #999999;
  942. background: url(../images/heart-icons.png) no-repeat 4px 4px #EDEDED;
  943. }
  944.  
  945. /* Heart sign */
  946. .likes {
  947. font-size: inherit;
  948. }
  949.  
  950. /* Views */
  951. .views {
  952. padding-left: 20px;
  953. float: right;
  954. }
  955.  
  956. /* Costum */
  957.  
  958. /* Removes underlines for eg. buttons */
  959. .no_underline:hover {
  960. text-decoration: none;
  961. }
  962.  
  963. /* Margins */
  964. .small_margin_top {
  965. margin-top: 15px;
  966. }
  967.  
  968. .negative_margin_top {
  969. margin-top: -4px;
  970. }
  971.  
  972. .custom_margin_top {
  973. margin-top: 48px;
  974. }
  975.  
  976. .no_margin_left {
  977. margin-left: 0px;
  978. }
  979. .no_margin_top {
  980. margin-top: 0px;
  981. }
  982.  
  983. /* Paddings */
  984. .no_padding_top {
  985. padding-top: 0px;
  986. }
  987.  
  988. .normal_font_weight {
  989. font-weight: normal;
  990. }
  991.  
  992. .photo_label {
  993. margin-right: auto;
  994. padding-left: 6px;
  995. text-align: left;
  996. }
  997.  
  998.  
  999.  
  1000.  
  1001. /* button basics */
  1002. a.minibutton {
  1003. display:inline-block;
  1004. height:23px;
  1005. padding:0 0 0 3px;
  1006. font-size:11px;
  1007. font-weight:bold;
  1008. color:#333;
  1009. text-shadow:1px 1px 0 #fff;
  1010. background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 0 0 no-repeat;
  1011. white-space:nowrap;
  1012. margin-right:4px;
  1013. border:none;
  1014. overflow:visible;
  1015. cursor:pointer;
  1016. text-decoration:none;
  1017. }
  1018.  
  1019. a.minibutton>span {
  1020. display:block;
  1021. height:23px;
  1022. padding:0 10px 0 8px;
  1023. line-height:23px;
  1024. background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 100% 0 no-repeat;
  1025. }
  1026.  
  1027. a.minibutton:hover,a.minibutton:focus {
  1028. color:#fff;
  1029. text-decoration:none;
  1030. text-shadow:-1px -1px 0 rgba(0,0.3);
  1031. background-position:0 -30px;
  1032. }
  1033. a.minibutton:hover>span,a.minibutton:focus>span {background-position:100% -30px;}
  1034.  
  1035. a.minibutton.mousedown{background-position:0 -60px; }
  1036. a.minibutton.mousedown>span{background-position:100% -60px; }
  1037.  
  1038. /* answer button */
  1039. a.answer {
  1040. display:inline-block;
  1041. height:23px;
  1042. padding:0 0 0 3px;
  1043. font-size:18px;
  1044. font-weight:bold;
  1045. color:#333;
  1046. text-shadow:1px 1px 0 #fff;
  1047. background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 0 0 no-repeat;
  1048. white-space:nowrap;
  1049. margin-right:4px;
  1050. border:none;
  1051. overflow:visible;
  1052. cursor:pointer;
  1053. text-decoration:none;
  1054. }
  1055.  
  1056. a.answer>span {
  1057. display:block;
  1058. height:23px;
  1059. padding:0 10px 0 8px;
  1060. line-height:23px;
  1061. background:url(http://github.com/images/modules/buttons/minibutton_matrix.png) 100% 0 no-repeat;
  1062. }
  1063.  
  1064. a.answer:hover,a.answer:focus {
  1065. color:#fff;
  1066. text-decoration:none;
  1067. text-shadow:-1px -1px 0 rgba(0,0.3);
  1068. background-position:0 -30px;
  1069. }
  1070. a.answer:hover>span,a.answer:focus>span {background-position:100% -30px;}
  1071.  
  1072. a.answer.mousedown{background-position:0 -60px; }
  1073. a.answer.mousedown>span{background-position:100% -60px; }
  1074.  
  1075. /* with icon */
  1076. a.btn-download .icon {
  1077. float:left;
  1078. margin-left:-4px;
  1079. width:18px;
  1080. height:22px;
  1081. background:url(http://github.com/images/modules/buttons/minibutton_icons.png?v20100306) 0 0 no-repeat;
  1082. }
  1083. a.btn-download .icon {background-position:-20px 0;}
  1084. a.btn-download:hover .icon,a.btn-download:focus .icon {background-position:-20px -25px;}
  1085.  
  1086. #profile_pic{
  1087.  
  1088. padding:5px;
  1089. border:1px #AAAAAA solid;
  1090. float:left;
  1091. }
  1092.  
  1093. ul.stats{
  1094.  
  1095. width:auto;
  1096. float:left;
  1097. display:inline;
  1098. margin: 20px 0px 0px 0px;
  1099. }
  1100.  
  1101. ul.stats li{
  1102.  
  1103. display:inline-block;
  1104. text-align:left;
  1105.  
  1106. }
  1107. .stats_number{
  1108.  
  1109. font-weight:bold;
  1110. font-size:10px;
  1111. }
  1112. .stats_text{
  1113.  
  1114. font-size:9px;
  1115. color:#505759;
  1116. }
  1117.  
  1118. ul.followingBar{
  1119.  
  1120. width:auto;
  1121. float:left;
  1122.  
  1123. margin: 0px 0px 0px 0px;
  1124.  
  1125. }
  1126. .watchingTopics{
  1127.  
  1128. float:left
  1129. }
  1130.  
  1131. ul.followingBar li{
  1132.  
  1133. display:block;
  1134. margin: 10px 0 0 0 ;
  1135. border-bottom:1px #999999 solid;
  1136.  
  1137. }
  1138.  
  1139. .topicFollow{
  1140. padding-bottom:10px;
  1141. font-weight:bold;
  1142. float:left;
  1143. }
  1144. .related_questions{
  1145. padding-bottom:10px;
  1146. font-weight:bold;
  1147. }
  1148.  
  1149. .panel
  1150. {
  1151. margin-left:50px; margin-right:50px; margin-bottom:5px; background-color:#D3E7F5; padding:6px; width:400px;
  1152. display:none; float:left;
  1153. }
  1154. .load_comment
  1155. {
  1156. margin-left:50px; margin-right:50px; margin-bottom:5px; background-color:#D3E7F5; height:auto; padding:6px; width:400px; font-size:12px;
  1157. float:left;
  1158. }
  1159. .flash_load
  1160. {
  1161. margin-left:50px; margin-right:50px; margin-bottom:5px;height:20px; padding:6px; width:400px;
  1162. display:none; }
  1163. .loadplace{
  1164. margin-top:70px;
  1165. }
  1. <ul class="statuses">
  2.  
  3. <li>
  4. <div id="answerText">
  5. <ul>
  6. <li>google</li>
  7. <li>yahoo</li>
  8. <li>quora</li>
  9. </ul>
  10. </div>
  11. </li>
  12.  
  13. </ul>

解决方法

如果它具有display:list-item,则只能应用其列表风格相关样式

猜你在找的HTML相关文章