Thanks! Now it looks very nice at
http://www.teigfam.net/oyvind/home/technology/072-pike-sutter-concurrency-vs-concurrency/#References
>From present "style.css" in directory "twentytwelve-child" of my Wordpress
>directory:
ol.ol_href {
list-style-type: none;
counter-reset: section;
padding-left: 0;
}
ol.ol_href li:before {
counter-increment: section;
content: "[" counter(section) "] ";
padding-right: 1em;
}
Is it also possible to make left margin indented for all lines, as for the
first numbered lines?
Øyvind Teig, Trondheim, Norway
(now from home, another email address)
14. aug. 2013 kl. 18:26 skrev Chris Rockwell <[email protected]>:
> You have a more specific selector, `.entry-content ol`, declaring the
> list-style. Adding a bit more specificity should do the trick: `ol.ol_href`
> instead of `.ol_href`
>
>
> On Wed, Aug 14, 2013 at 11:17 AM, Øyvind Teig <[email protected]> wrote:
> Right now at
> http://www.teigfam.net/oyvind/home/technology/072-pike-sutter-concurrency-vs-concurrency/#References
>
> the [x] comes fine, bit the original numbers are also there, so it goes like
> this:
>
> 3. [3] Text
> 4. [4] Text
>
> Øyvind
>
>
> 14. aug. 2013 kl. 15:33 skrev Chris Rockwell <[email protected]>:
>
>> A class is just a convenient way of targeting elements and/or their children
>> (and now next sibling, etc.). In your case, you would assign to your
>> element the class you would like to use:
>>
>> <ol class="ol_href">
>> <li></li>
>> <li></li>
>> </ol>
>>
>> And then your CSS, instead of selecting `ol`, you would use `.ol_href`:
>>
>> .ol_href {
>> list-style-type: none;
>> counter-reset: section;
>> padding-left: 0;
>> }
>> .ol_href li:before {
>> counter-increment: section;
>> content: "[" counter(section) "] ";
>> padding-right: 1em;
>> }
>>
>> This way only the lists that have the class `ol_href` will have properties
>> overridden.
>>
>> For CSS basics, directly from WordPress, you can check out:
>> http://en.support.wordpress.com/custom-design/css-basics/
>>
>>
>>
>>
>> On Wed, Aug 14, 2013 at 2:10 AM, Teig, Oyvind CCS
>> <[email protected]> wrote:
>> Thanks! I’ll have to test it this afternoon, as I’ll have to put it into my
>> sub “style.css”. I tried it in the blog note, but Wordpress won’t see that
>> code as markup, only text.
>>
>>
>>
>> However, I really want a separate class for it, that inherits from “ol”, it
>> could be called “ol_ref” or something. Could you please hold my hand on this
>> one, too?-)
>>
>>
>>
>> Øyvind
>>
>>
>>
>> Fra: Chris Rockwell [mailto:[email protected]]
>> Sendt: 13. august 2013 16:05
>> Til: Teig, Oyvind CCS
>> Kopi: [email protected]
>> Emne: [External] Re: [css-d] Ordered lists with numbers wrapped in '[' and
>> ']'
>>
>>
>>
>> Check out https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters
>>
>>
>>
>> Something like this:
>>
>>
>>
>> ol {
>>
>> list-style-type: none;
>>
>> counter-reset: section;
>>
>> padding-left: 0;
>>
>> }
>>
>> li:before {
>>
>> counter-increment: section;
>>
>> content: "[" counter(section) "] ";
>>
>> padding-right: 1em;
>>
>> }
>>
>>
>>
>> On Tue, Aug 13, 2013 at 9:46 AM, Teig, Oyvind CCS
>> <[email protected]> wrote:
>>
>> I make "academic style" references that I would want to look like this:
>>
>> [1] Paper 1
>> [2] Paper 2
>>
>> Here is an example, where I would like all numbers to be wrapped in [x]:
>> http://www.teigfam.net/oyvind/home/technology/072-pike-sutter-concurrency-vs-concurrency/#References
>>
>> It's Wordpress.
>>
>> Med vennlig hilsen / Best regards
>>
>> Øyvind Teig
>> Senior utviklingsingeniør, siv.ing. / Senior development engineer, M.Sc.
>> __________________________________________
>> Autronica Fire and Security AS
>> UTC CCS EMEA Fire & Security Operations
>> Phone: + 47 73 58 24 68 / Mobile +47 959 61 506
>> E-mail: [email protected]<mailto:[email protected]>
>> www.autronicafire.no<http://www.autronicafire.no>
>> www.teigfam.net/oyvind/home/<http://www.teigfam.net/oyvind/home/> (also
>> work-related)
>>
>> ______________________________________________________________________
>> css-discuss [[email protected]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>>
>>
>>
>>
>>
>> --
>> Chris Rockwell
>>
>>
>>
>>
>> --
>> Chris Rockwell
>
> Øyvind
>
> --
> Øyvind Teig
> Øvre Møllenberg 11
> 7014 Trondheim, Norway
> - Tel 959 615 06
> - [email protected]
> http://www.teigfam.net/oyvind/ - trad home page
> http://oyvteig.blogspot.com/ - older blogs
>
>
>
>
> --
> Chris Rockwell
Øyvind
--
Øyvind Teig
Øvre Møllenberg 11
7014 Trondheim, Norway
- Tel 959 615 06
- [email protected]
http://www.teigfam.net/oyvind/ - trad home page
http://oyvteig.blogspot.com/ - older blogs
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
