Can I change style used in an aspx page?

web-app

One thing i've noticed in styling the app is that the style "alink" is used in sections where it makes sense to have a darker background2 as on main.aspx where projects are listed. However it's alo used in administration links where the bg is white, or should be, as it uses "webform" style.

Trying to find a color that is light enough for contrast on blue and dark enough for white means my admin links will have to be a little lighter. But it doesnt' appear that I can change the style called in a particular td unless i have access to the .cs pages.

Is there a way to specify which class is called for a given TD? If not, maybe in a future version those can be separated. I like the blue theme w/some tweaks, but i had to go lighter on my background2 blue color and deal with a lighter alink color in the admin menu.

This is not a biggie, but just something that I was working through last night as I was styling.

Swampboy · 1
Friday, July 20, 2007, 3:02:39 PM

Replies (1)

For anyone using the blue theme that has run across same issues w/bgcolor vs link color, here are my tweaks to the css if you want to try it out.
Tj

p
{
    margin: 0pt;
    font-family: Arial,Verdana,Tahoma;
    font-size: 12px;
}
table
{
    border: 0;
    font-size: 12px;
    font-family: Arial,Verdana,Tahoma;
}
body
{
    background-color: White;
}
h1,h2,h3,h4,h5,h6
{
    margin: 0pt;
    color: #2D5B89;
    font-family: Verdana;
}

/***************/
/***************/
/* Regular hyperlink /
/***************/
/***************/
a
{
    text-decoration: underline;
    color: #2D5B89;
}
a:hover
{
    text-decoration: none;
    color: #2D5B89;
}

a.visited
{
    text-decoration: underline;
    color: #2D5B89;
}

/***************/
/***************/
/ "Show underline when hovered" hyperlink /
/***************/
/***************/
.alink
{
    color: #000000; / #A7A7A7;/
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: none;
}
.alink:hover
{
    color: #000000;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: underline;
}

/***************/
/***************/
/ Hyperlink for images /
/***************/
/***************/
a.img
{
    text-decoration: none;
    border: none;
}

/***************/
/***************/
/ Background colors /
/***************/
/***************/
.background1
{
    background-color: #2D5B89;
}
.background2
{
    background-color: #B4BFCC; / #739AC2; orig= #476E96; /
    color: #476E96; / #CCCCCC; /
}
.background3
{
    background-color: #B1CBE6;
}
.background4
{
    background-color: #E2E0E0;
}

/***************/
/***************/
/ Foreground colors /
/***************/
/***************/
.color1
{
    color: #2D5B89;
}
.color2
{
    color: #476E96;
}
.color3
{
    color: #B1CBE6;
}
.color4
{
    color: #E2E0E0;
}

/***************/
/***************/
/ Web Form styles /
/***************/
/***************/
.webForm
{
    border: solid 1px #E2E0E0;
    border-collapse: collapse;
}
.webFormTitle
{
    background-color: #597C98;
    color: #e6e6e6;
    font-family: Verdana;
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    text-align: left;
}
.webFormTitleSmall
{
    background-color: #597C98;
    color: #e6e6e6;
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
}
.webFormCaption
{
    background-color: #597C98;
    color: #e6e6e6;
    text-decoration: none;
    text-align: left;
}
.webFormPrompt
{
    background-color: #f5f5f5;
    color: black;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    vertical-align: top;
    width: 30%;
}
.webFormFootnote
{
    color: black;
    text-decoration: none;
    text-align: left;
    font-size: x-small;
    vertical-align: top;
}
.webFormButtonRow
{
    border-top: solid 1px #E2E0E0;
    background-color: #B1CBE6;
}

/***************/
/***************/
/ Navigation/header bar specific /
/***************/
/***************/
.nav
{
    background-color: #B4BFCC;
    color: #2D5B89;
}
.navBar
{
    background-color: #2D5B89;
}
.navBorder
{
    border: solid 1px #2D5B89;
}
.navlink
{
    background-color: #2D5B89;
    color: White;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: none;
}
.navlink:hover
{
    background-color: #B4BFCC;
    color: black;
    font-size: 13px;
    font-family: Arial,Verdana,Tahoma;
    text-decoration: none;
}

/***************/
/***************/
/ Grid specific /
/***************/
/***************/
.editRow
{
    background-color: #fff8dc;
}

/***************/
/***************/
/ Misc. /
/***************/
/***************/
.bordered
{
    border: solid 1px #E2E0E0;
}
.borderTopBottom
{
    border-top: solid 1px #E2E0E0;
    border-bottom: solid 1px #E2E0E0;
}
.borderTop
{
    border-top: solid 1px #E2E0E0;
}
.borderBottom
{
    border-bottom: solid 1px #E2E0E0;
}
.borderLeft
{
    border-left: solid 1px #E2E0E0;
}
.borderRight
{
    border-right: solid 1px #E2E0E0;
}
.section
{
    background-color: #597C98;
    color: White;
    border-top: solid 1px #E2E0E0;
    border-bottom: solid 1px #E2E0E0;
}
.subSection
{
    background-color: #B1CBE6;
    color: #476e96; / White; */
    border-top: solid 1px #E2E0E0;
    border-bottom: solid 1px #E2E0E0;
}

Swampboy · 1
Friday, July 20, 2007, 3:16:37 PM

Gemini Community Support Site

Can I change style used in an aspx page?