Zikula Community

• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: Apr 27, 2004 - 12:36 PM

  http://www.am1web.co…nukeinheritance.htm
  
  I don't have the site up yet, so there is just a test page. My main problem is with the PN-normal tag and pretty much everything else.
  
  I want any text on the left menu to be black. Text on a black or blue otherwise should be white.
  
  It's working for the most part except for PN-normal. PN-normal i've changed to red to emphasize it. As you can see, its scattered throughout the page. I've gotten rid of the tags within the theme, so the story text is back to normal. The problem sees to be blocks and further cascaded bits of text.
  
  The hardest part about this is it's appearance in numerous spots. "We have 1 guest and 1 member online" should be black for example, while "Most read story in PostNuke:" should be white.
  
  Is there anyway to make the text behave without manually going in and ripping out every PN-normal i can find within Postnuke? I'm sure this will apply to other bits of style-sheet as well, so any help is greatly appreciated.

  • 
  •  
• MMaynard
  
  

  • Rank: Expert
  • Registered: Mar 15, 2003
  • Last visit: Oct 21, 2009
  • Posts: 1221

  Posted: Apr 27, 2004 - 01:00 PM

  Just define your own class in the table td that holds the content and define stuff for that. Make sure in style.css that your style comes AFTER the definition for PN-normal.
  
  
  
  --
  Zikula Themes

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: Apr 27, 2004 - 02:36 PM

  the problem is that PN brings in a ton of class calls to PN-normal within that td, so they take precedence.
  
  I worked on it some more, posted at another site and was going to come back and edit this one, but you replied so i won't confuse people. here's my updated question:
  
  

  Quote

  
  http://www.am1web.com/modules.php.htm
  
  Ok, i've color coded this to help you understand.
  
  anything blue-> .black
  anything teal-> .white
  anything red-> .pn-sub
  anything yellow-> some other class including PN-normal
  anything purple-> no color from a CSS, just text
  
  what I want is for the purple on left to be all blue, the blue on the right to be teal, the yellow to be teal, and the purple to be teal.
  
  I've dropped all color assignments outside of black, white, and sub. only links have any other color. I've been trying for hours to get this right. what i'm down to now is basically this
  
  <.black class><(class a)>text
  
  Where class A (for example, PN-normal) has no color assignment. Now i assumed due to cascading ability of CSS, if there was no color assignment, the next outer class would pick it up. nope. It goes straight to the default HTML color.
  
  So what the hell should I do? I want it to inheret the above class and it won't, i've tried sticking it in spans, font tags, inline style, HTML, nothing works
  

  
  
  and please excuse the random pointless content in that page, i just typed random stuff as filler.

  • 
  •  
• MMaynard
  
  

  • Rank: Expert
  • Registered: Mar 15, 2003
  • Last visit: Oct 21, 2009
  • Posts: 1221

  Posted: Apr 27, 2004 - 03:04 PM

  You need to assign the new class to the TD and not the text.
  It works, I use it in many of my themes to override text and link colors for dark blocks.
  
  --
  Zikula Themes

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: Apr 28, 2004 - 10:50 AM

  I'll try reworking the code from scratch instead of trying to work through this mess again. I'll incorporate that. Thanks for the help!!

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Jun 26, 2009
  • Posts: 13

  Posted: Apr 30, 2004 - 09:22 PM

  This works for me:
  
  TD.pn-content-leftblock, TD.pn-content-leftblock .pn-normal, TD.pn-content-leftblock A.pn-normal:link, TD.pn-content-leftblock A.pn-normal:visited, TD.pn-content-leftblock A:link, TD.pn-content-leftblock A:visited {
  color: #EABA00;
  font: 11px Tahoma, Verdana, sans-serif;
  }
  TD.pn-content-leftblock .pn-sub {
  color: #EABA00;
  font: 11px Tahoma, Verdana, sans-serif;
  text-decoration: none;
  background: none;
  }
  TD.pn-content-leftblock A.pn-normal:hover, TD.pn-content-leftblock A:hover {
  color: #EABA00;
  font: 11px Tahoma, Verdana, sans-serif;
  }
  
  Note: you have to define the class within the

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: May 02, 2004 - 03:55 AM

  Ok, I've tried reworking the theme over and over. I've tried it in Autothemes and in the Xanthia. IT WON'T WORK.
  
  So far the only thing holding me back is that damned PN-normal tag. I just can't break its inheritance. It's too specific for any TD assignment to override it. When I delete it or give it empty values, no other class takes over for it, so it ends up with NO CSS assigned to it. I need it black on left blocks, white everywhere else. the rest i don't care about.
  
  what the hell now?
  
  God i hate that tag :p

  • 
  •  
• MMaynard
  
  

  • Rank: Expert
  • Registered: Mar 15, 2003
  • Last visit: Oct 21, 2009
  • Posts: 1221

  Posted: May 02, 2004 - 03:59 AM

  Can you send me your leftblock.html and style.css so I can see what is wrong?
  The above from the AutoTheme try you did.
  
  --
  Zikula Themes

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: May 02, 2004 - 04:12 AM

  Unfortunately i'd given up on AutoTheme and chunked it as i want this to start being .8 compliant. here's the xanthia stuff though, which looks basically the same as the autotheme:
  
  the master opener for the left blocks:
  

  Code

  <td width="165" height="180" style="background-image: url(<!--[$imagepath]-->/menurp.gif);" class="left">
                  <!-- Left Block Start -->
                  <!--[$leftblocks]-->
                  <!-- Left Block end -->
                  </td>

  
  
  left block code, stuck an inline style for #00000 to try and overrule the PN-normal, which doesn't work.
  

  Code

  <table width="100%" border="0" cellspacing="0" cellpadding="2" class="black">
      <tr>
          <td align="center" valign="top">
              <table align="left" valign="top" width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td align="left" valign="top" width="3" height="20"><img src="<!--[$imagepath]-->/tabl.gif" width="5" height="20"></td>
                      <td height="20" background="<!--[$imagepath]-->/tabm.gif" class="pn-title"><!--[$title]--></td>
                      <td width="5" height="20"><img src="<!--[$imagepath]-->/tabr.gif" width="3" height="20"></td>
                  </tr>
              </table>
          </td>
      </tr>
      <tr>
          <td align="left" valign="top" style="color:#000000;">
              <!--[$content]-->
          </td>
      </tr>
  </table>
          <br />

  
  
  and the CSS from theme.php
  

  Code

  echo "<style type=\"text/css\">
  <!--
  body {
    margin: 0px;
    padding: 0px;
    background-color: "._XA_TBGCOLOR.";
    font-family: Verdana, Arial, Helvetica;
    color: "._XA_TTEXT1COLOR.";
    font-size: {$text}px;
    font-weight: normal;
  }
  
  INPUT, TEXTAREA, FORM, SELECT {
    font-family: Verdana, Arial, Helvetica;
    color: #000000;
    font-size: {$text}px;
  }
  
  A:link {
      font-family: Verdana, Arial, Helvetica;
      color: "._XA_TLINKCOLOR.";
      font-size: {$text}px;
      text-decoration: none;
  }
  A:visited {
      font-family: Verdana, Arial, Helvetica;
      color: "._XA_TVLINKCOLOR.";
      font-size: {$text}px;
      text-decoration: none;
  }
  A:hover {
      font-family: Verdana, Arial, Helvetica;
      color: "._XA_THOVERCOLOR.";
      font-size: {$text}px;
      text-decoration: none;
  }
  A:active {
      font-family: Verdana, Arial, Helvetica;
      color: "._XA_TTEXT1COLOR.";
      font-size: {$text}px;
      text-decoration: none;
  }
  
  HR  {
      color: #FFFFFF;
  }
  FONT    {
      FONT-FAMILY: geneva,arial,Verdana,Helvetica;
      font-size: {$text}px;
  }
  
  TD  {
      FONT-FAMILY: geneva,arial,Verdana,Helvetica;
      font-size: {$text}px;
  }
  IMG {
      border : 0px;
  }
  .title      {
          BACKGROUND: none;
          font-size: {$text}px;
          FONT-WEIGHT: bold;
          FONT-FAMILY: Verdana, Helvetica;
          TEXT-DECORATION: none
  }
  
  .content    {
          BACKGROUND: none;
          font-size: {$text}px;
          FONT-FAMILY: geneva,arial,Verdana, Helvetica
  }
  .bartitle   {
          BACKGROUND: none;
          font-size: {$text}px;
          FONT-FAMILY: geneva,arial,Verdana, Helvetica
  }
  .storycat   {
          BACKGROUND: none;
          FONT-SIZE: 103%;
          FONT-WEIGHT: bold;
          FONT-FAMILY: Verdana, Helvetica;
          TEXT-DECORATION: underline
  }
  .boxtitle   {
          BACKGROUND: none;
          font-size: {$text}px;
          FONT-WEIGHT: bold;
          FONT-FAMILY: Verdana, Helvetica;
          TEXT-DECORATION: none
  }
  .boxcontent     {
          font-size: {$text}px;
          margin-top: .1em;
          padding-left: .5em;
          padding-right: .5em;
          border-left: solid;
          border-right: solid;
          border-left-width: thin;
          border-right-width: thin;
          border-bottom: solid;
          border-bottom-width: thin;
          border-top: solid;
          border-top-width: thin;
          border-color:  "._XA_TCOLOR2.";
  }
  .box            {       
          margin: 0em 3em 0em 3em;        
          font-size: 97%;     
          padding-left: .5em;     
          padding-right: .5em;        
          border-left: solid;     
          border-right: solid;        
          border-left-width: thin;        
          border-right-width: thin;       
          border-bottom: solid;       
          border-bottom-width: thin;      
          border-top: solid;      
          border-top-width: thin;     
          border-color:  "._XA_TCOLOR2.";     
  }
  .option     {
          BACKGROUND: none;
          FONT-SIZE: 105%;
          FONT-WEIGHT: bold;
          FONT-FAMILY: geneva,arial,Verdana, Helvetica;
          TEXT-DECORATION: none
  }
  .tiny       {
          BACKGROUND: none;
          font-size: {$text}px;
          FONT-WEIGHT: normal;
          FONT-FAMILY: geneva,arial,Verdana, Helvetica;
          TEXT-DECORATION: none
  }
  .left {
      font-family: Verdana, Arial, Helvetica;
      color: #000000;
      font-size: {$text}px;
      font-weight: normal;
      margin: 11px;
  }
  .left A:link {
      font-family: Verdana, Arial, Helvetica;
      color: #000000;
      font-size: {$text}px;
      font-weight: bold;
   }
  .left A:visited {
      font-family: Verdana, Arial, Helvetica;
      color: #000000;
      font-size: {$text}px;
      font-weight: bold;
   }
  .left A:hover {
      font-family: Verdana, Arial, Helvetica;
      color: #000000;
      font-size: {$text}px;
      font-weight: bold;
  }
  .pn-normal {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          font-weight: normal;
  }
  .pn-normal A:link {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          text-decoration : underline;
  }
  .pn-normal A:visited {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          text-decoration : underline;
  }
  .pn-normal A:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          text-decoration: none;
  .right {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          color: #FFFFFF;
      font-weight: normal;
  }
  .right A:link {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          color: #FFFFFF;
      text-decoration : underline;
  }
  .right A:visited {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          color: #FFFFFF;
      text-decoration : underline;
  }
  .right A:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          color: #FFFFFF;
      text-decoration: none;
  }
  .right A:active {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
          color: #FFFFFF;
      text-decoration: underline;
  }
  .pn-navtabs {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: normal;
      text-align: center;
  }
  .pn-navtabs A {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      text-decoration : none;
  }
  .pn-navtabs A:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      border-color:  "._XA_TCOLOR4.";
      text-decoration: none;
  }
  
  .pn-title {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$title}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-title A:link {
      font-family: Verdanna, Arial, Helvetica;
      font-size: {$title}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-title A:visited {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$title}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-title A:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$title}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-title A:active {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$title}px;
      font-weight: bold;
      text-decoration: none;
  }
  
  .pnRenNav {
      BACKGROUND-COLOR: "._XA_TCOLOR5."
  }
  
  .pnRenNav A:link {
  }
  
  .pnRenNav A:visited {
  }
  
  .pnRenNavText {
      PADDING-LEFT: 4px;
      PADDING-BOTTOM: 1.5px;
      FONT-WEIGHT: bold;
      FONT-SIZE: 10px;
      LINE-HEIGHT: 14px;
      FONT-FAMILY: verdana, arial, sans-serif
  }
  
  TR TD.pnRenNav A:link {
      TEXT-DECORATION: none
  }
  
  TR TD.pnRenNav A:visited {
      TEXT-DECORATION: none
  }
  
  TD.swath {
      FONT: 10px sans-serif
  }
  
  TR.pnRenNavRow TD {
      BORDER-RIGHT: "._XA_TTEXT2COLOR." 1px solid;
      BORDER-TOP: "._XA_TCOLOR3." 1px solid;
      VERTICAL-ALIGN: middle;
      BORDER-LEFT: medium none;
      BORDER-BOTTOM: "._XA_TTEXT2COLOR." 1px solid
  }
  
  TR.pnRenNavRow TD.swath {
      BORDER-RIGHT: medium none;
      BACKGROUND-COLOR: "._XA_TCOLOR3."
  }
  
  .pn-sub {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: normal;
  }
  .pn-sub A:link {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub A:visited {
      font-family:  Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub A:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub A:active {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub_white {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: normal;
  }
  .pn-sub_white A:link {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub_white A:visited {
      font-family:  Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub_white A:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-sub_white A:active {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$litletext}px;
      font-weight: bold;
      text-decoration: none;
  }
  .pn-logo {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      letter-spacing: 3px;
      text-decoration: none;
  }
  A.pn-logo:link {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      letter-spacing: 3px;
      background-color : transparent;
      text-decoration: none;
  }
  A.pn-logo:visited {
      font-family:  Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      letter-spacing: 3px;
      background-color : transparent;
      text-decoration: none;
  }
  A.pn-logo:hover {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      letter-spacing: 3px;
      text-decoration: none;
  }
  A.pn-logo:active {
      font-family:  Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      letter-spacing: 3px;
      background-color : transparent;
      text-decoration: none;
  }
  .pn-logo-12px  {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      background-color : transparent;
      text-decoration: none;
  }
  
  .pn-pagetitle {
      font-family: Verdana, Arial, Helvetica;
      font-size: {$text}px;
      font-weight: bold;
      text-transform: uppercase;
  }
  -->
  </style>";

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: May 02, 2004 - 04:16 AM

  http://www.am1web.co…uploads/Xam1web.zip
  there's a zip of the xanthia theme.
  
  Easiest example is to put a menu and who's online block in the left blocks, then go look at the admin->settings page. who's online has PN-normal, as does the settings page.so you can see my troubles
  
  do you have AIM, ICQ, etc? I can show you a live example as well

  • 
  •  
• MMaynard
  
  

  • Rank: Expert
  • Registered: Mar 15, 2003
  • Last visit: Oct 21, 2009
  • Posts: 1221

  Posted: May 02, 2004 - 06:38 AM

  You need to have .left defined AFTER PN-normal
  Move all the .left defines to the bottom of the CSS file.
  
  --
  Zikula Themes

  • 
  •  
• **unknown user**
  
  

  • Rank: Registered User
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 19

  Posted: May 02, 2004 - 01:32 PM

  D'oh! That was said! And i didn't listen!
  
  Ok, everything seems to be working now. I found the admin-settings page problem: it was picking up inheritance from the FORMS style and i kept thinking it was PN-normal. This is looking great.
  
  THANKS A TON FOR THE HELP!!! Hope i wasn't too much of a dufus to put up with.

  • 
  •  
• **unknown user**
  
  

  • Rank: Softmore
  • Registered: Mar 16, 2002
  • Last visit: Oct 21, 2009
  • Posts: 365

  Posted: May 03, 2004 - 01:16 AM

  Don't worry about being a dufus - we all learn these little Postnuke obscurities eventually. I remember when some kind person helped me figure out the text issue.

  • 
  •  
•  
•  

Users on-line

• 0 users

This list is based on users active over the last 60 minutes.