What is the css used here?

Discussion in 'CSS' started by Silver89, Jul 21, 2010.

  1. #1
    Silver89, Jul 21, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    It has multiple inherited style elements which is effecting the p of story-body.

    from story.css
    .story-body p, .story-wide p {
    clear:left;
    margin:0 0 18px;
    }

    from type.css

    .story-body p, .story-body p strong, .story-body p em, .media_asset .emp-decription p {
    color:#333333;
    }

    .story-body p, .story-body li, .story-wide li, .media-asset .emp-decription p {
    font-family:"Helvetica Neue",Arial,sans-serif;
    color:#333333;
    font-size:1.077em;
    line-height:18px;
    text-rendering:auto;
    }

    So, a accumulate style may look like this
    
    .story-body p{
    font-family:"Helvetica Neue",Arial,sans-serif;
    font-size:1.077em;
    line-height:18px;
    text-rendering:auto;
    clear:left;
    margin:0 0 18px;
    }
    
    Code (markup):
     
    radiant_luv, Jul 21, 2010 IP
  3. prosta

    prosta Peon

    Messages:
    71
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    you can find it using firebug
     
    prosta, Jul 22, 2010 IP
  4. Cash Nebula

    Cash Nebula Peon

    Messages:
    1,197
    Likes Received:
    67
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You can leave out text-rendering if you like. I think it only matters for large fonts above 20px, and only works in Firefox 3 and Safari 5 so far.
     
    Cash Nebula, Jul 24, 2010 IP