aclassifier

By the way, is there a way in CSS to make it general with macros, or could this be wrapped in PHP or JavaScript? I have written it up in C_CSS here, as if that were a language, with some assumed semantics of text-decoration and border. Also, is there some define here for the theme chosen? But then, the style.css wouldn’t like anything else than CSS, would it? Also, why in the world would the use of CSS differ for different themes? Will my other CSS examples also differ? Wouldn’t one use the freshest html always?

#if TWENTY_TWELVE 
    a.a_link_no_underline { text-decoration: none;}
#elif defined TWENTY_FIFTEEN 
    a.a_link_no_underline { border: none;}
#else
    a.a_link_no_underline { border: none;}
#endif

• This reply was modified 8 years, 6 months ago by aclassifier.

Interesting!

If I add this in my style.css:

a.a_link_no_underline {
    text-decoration: none;
    /* border: none; */
}

and use it like this:

<a class="a_link_no_underline" href="http://www.teigfam.net/oyvind/home/nokkelversene/">Test</a>

then the underline is still present. What do I do wrong?

It didn’t work for me. See bottom of [1]. I have Twently Twelve with a child css (pasted below, but I don’t see that it would change link properties). The CSS elements are described at [2].

The html you you had suggested is changed by WordPress to:
<a class="" style="border: none;" href="#">test link</a>
but I guess it’s parsed at the end of line, so sequence isn’t important(?)

[1] http://www.teigfam.net/oyvind/home/nokkelversene/144-nokkelverset/
[2] http://www.teigfam.net/oyvind/home/technology/061-wordpress/

@import url("../twentytwelve/style.css");

/* Thanks to paulwpxp 2013 07 26 */
/* ----- blockquote reduce space ----- */
.entry-content blockquote,
.comment-content blockquote {
    padding-top: 0;
    padding-bottom: 0;
}
/* ----- h2 color  ----- */
.entry-content h2 {
    color: #ff0000;
}

/* Thanks to Chris Rockwell 2013 08 14 at [email protected] */
/* Make Reference ordered list as [x] */
ol.ol_href {
    list-style-type: none;
    counter-reset: section;
    padding-left: 0;
}
ol.ol_href li {
  display: table-row
}
ol.ol_href li:before {
    counter-increment: section;
    content: "[" counter(section) "] ";
    padding-right: 1em;
    display: table-cell;
}

/* Thanks to WPyogi 2013 11 18 */
p.p_vline_left_gray {
   border-left: 1px solid #C0C0C0;
   margin-left: 10px;
   padding-left: 10px;
}
p.p_vline_left_red {
   border-left: 1px solid #ff0000;
   margin-left: 10px;
   padding-left: 10px;
}
p.p_noline_left {
   border-left: 0px;
   margin-left: 10px;
   padding-left: 10px;
}

/* Teig 2014 02 03 */
code.code_x_courier {
    line-height:100%;
    font-weight:bold;
    font-family:"Courier";
}
code.code_x {
    line-height:100%;
    font-weight:bold;
}

/* Thanks to Andrew av http://ww.wp.xz.cn/support/topic/png-and-gif-images-have-thin-border-around-them */
/* Removes borders around (all?) pictures */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
   box-shadow: none;
}

• This reply was modified 8 years, 6 months ago by aclassifier.