Hi,

I use the art-button style for some links and after upgrading from 2.3.8.1 to 2.3.9.7 the links now are displayed as ordinary links, without the button-like styles. The data/sities/1/skins directory was not changed while upgrading.

How to return the button-like appearance for links?

Thanks.

p.s. The tab styles of the administration interface are disappeared also, they now displayed as a set of vertical links instead of tabbed horizontal links.

Thank you very much for information!

I would post a link to the updated site, but I test it internally currently.
The generated HTML looks like this:

<a class="art-button" href="ContactInfo.aspx">Next</a>

I compared the csshandler CSS code for art-button for 2.3.8.1 and 2.3.9.7 - it exactly the same.

But, the buttons in the MojoPortal 2.3.9.7 administration interface look as necessary, although they use another HTML code:

<span class="art-button-wrapper"><span class="art-button-l"> </span> <span class="art-button-r"> </span> <input type="submit" name="ctl00$mainContent$btnSave" value="Save" onclick="...." id="ctl00_mainContent_btnSave" title="Save" class="art-button" /> </span>

So, I am out of ideas what would be the reason of this behavior.
The site is running under .NET 4.0 Full Trust.

Below is the 2.3.9.7 csshandler for art-button

/* begin Button */
span.art-button-wrapper>a.art-button,
span.art-button-wrapper>a.art-button:link,
span.art-button-wrapper>input.art-button,
span.art-button-wrapper>button.art-button
{
   text-decoration: none;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   position:relative;
   top:0;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF !important;
   width: auto;
   outline: none;
   border: none;
   background: none;
   line-height: 28px;
   height: 28px;
   margin: 0 !important;
   padding: 0 10px !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
}

.art-button img, span.art-button-wrapper img
{
   margin: 0;
   vertical-align: middle;
}

span.art-button-wrapper
{
   vertical-align: middle;
   display: inline-block;
   position: relative;
   height: 28px;
   overflow: hidden;
   white-space: nowrap;
   text-indent: 0;
   width: auto;
   max-width:892px;
   margin: 0;
   padding: 0;
   z-index: 0;
}

.firefox2 span.art-button-wrapper
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
}

div.art-block select
{
   width:96%;
}

span.art-button-wrapper.hover>.art-button, span.art-button-wrapper.hover>a.art-button:link
{
   color: #FFFFFF !important;
   text-decoration: none !important;
}

span.art-button-wrapper.active>.art-button, span.art-button-wrapper.active>a.art-button:link
{
   color: #EBEBEB !important;
}

span.art-button-wrapper>span.art-button-l, span.art-button-wrapper>span.art-button-r
{
   display: block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: 0;
   padding: 0;
   background-image: url('/Data/Sites/1/skins/cpsite/images/button.png')
;
   background-repeat: no-repeat;
}

span.art-button-wrapper>span.art-button-l
{
   left: 0;
   right: 11px;
   background-position: top left;
}

span.art-button-wrapper>span.art-button-r
{
   width: 11px;
   right: 0;
   background-position: top right;
}

span.art-button-wrapper.hover>span.art-button-l
{
   background-position: center left;
}

span.art-button-wrapper.hover>span.art-button-r
{
   background-position: center right;
}

span.art-button-wrapper.active>span.art-button-l
{
   background-position: bottom left;
}

span.art-button-wrapper.active>span.art-button-r
{
   background-position: bottom right;
}

span.art-button-wrapper input
{
   float: none !important;
}
/* end Button */

>Or if you are hand coding html then you need to add the needed extra markup yourself.

The Arteester's 3.1 javascript code adds the extra markup for every element with the art-button class in the page automatically. It stopped to do this (actually js run-time errors were thrown) without IncludeJQueryMigrate="true". This was a surprise, I just thought that adding the class is the only 'magic' that is necessary. 

Thanks for the help!