v 2.1 portlet-navigation-tree line-height

classic Classic list List threaded Threaded
6 messages Options
Chris Gates Chris Gates
Reply | Threaded
Open this post in threaded view
|

v 2.1 portlet-navigation-tree line-height

Hey Ploners!
 
I'm trying to use ploneCustom.css for all my styles, which is of course the preferred method.  It all goes well until I try to affect change to the portlet-navigation-tree.  Below is the part of the ploneCustom.css pertaining to this.  (The calls you see here are from the portlet-navigation-tree to the end of the ploneCustom.css file.)  See the last line portlet-navigation-tree{} to see what I mean. 
 
Is there something about the portlet-navigation-tree that the line-height call does not effect?
 
We're using Plone version 2.1.
 
Thanks!
 
Chris Gates
_________________________________________
 
/*********   NAVTREE   ******************/
 
#portlet-navigation-tree {
    font-family: arial, sans-serif;         /*  anything I put here appears  */
    font-size: 12px;                     /*  anything I put here appears  */
    letter-spacing: -0.1em;         /*  anything I put here appears  */
    font-weight: normal;                /*  anything I put here appears  */
    width: 150px !important;         /*  anything I put here appears  */
    margin-top: 115px;                  /*  anything I put here appears  */
    border-style: none none none none;           /*  anything I put here appears  */
    padding: none;                         /*  anything I put here appears  */
    line-height: 5px !important;         /*  NO MATTER WHAT I PUT HERE, THERE IS NO CHANGE  */
}
 
#portlet-navigation-tree .navIcon,
#portlet-navigation-tree .navIconRoot {
    display: none;
    background-image: none !important;
}
 
#portlet-navigation-tree .portletBody,
#portlet-navigation-tree .portletContent {
    padding: 0;
    width: 150px !important;
}
 
.navTreeItem div,
.navTreeItem  {
    background-image: none !important;
}
 
.navRootItem,
.navItem {
    background-repeat: no-repeat;
    background-position: 0 1px;
    font-weight: normal;
}
 
.currentNavItem,
#portlet-navigation-tree a:hover {
    background-color: #BDC7B5;
    font-weight: normal;
    color: #445833;
    background-image: none !important;
}
 
.currentNavItem,
#portlet-navigation-tree a.navTreeCurrentItem {
    background-color: #BDC7B5;
    font-weight: bold;
    color: #445833;
    background-image: none !important;
}
 
.navLevel2, .navLevel3 {
    padding-bottom: .25em;
    padding-left: 1em;
}
 

/***************  BOTTOM OF PAGE   *************/
 

#portal-footer {
    border-bottom: 0px;
    float: none;
    margin: 0em 0em 0em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
    background-color: #FFFFFF;
    border-top: 0px;
    color: #000000;
}
 
#portal-colophon {
    background-color: #FFFFFF;
}
 
/* Kupu styles */
 
.image-left {
   float: left;
   clear: both;
   margin: 0.5em 1em 0.5em 0;
   border: 1px solid Black;
}
 
.image-inline {
   float: none;
}
 
.image-right {
   float: right;
   clear: both;
   margin: 0.5em;
   border: 1px solid Black;
}
 
/* End Kupu styles */
 
/*  */
 
kentek kentek
Reply | Threaded
Open this post in threaded view
|

Re: v 2.1 portlet-navigation-tree line-height

Chris Gates wrote:

> Hey Ploners!
>  
> I'm trying to use ploneCustom.css for all my styles, which is of course
> the preferred method.  It all goes well until I try to affect change to
> the portlet-navigation-tree.  Below is the part of the ploneCustom.css
> pertaining to this.  (The calls you see here are from the
> portlet-navigation-tree to the end of the ploneCustom.css file.)  See
> the last line portlet-navigation-tree{} to see what I mean.
>  
> Is there something about the portlet-navigation-tree that the
> line-height call does not effect?
>  
> We're using Plone version 2.1.
>  
> Thanks!
>  
> Chris Gates
> _________________________________________
>  
> /*********   NAVTREE   ******************/
>  
> #portlet-navigation-tree {
>     font-family: arial, sans-serif;         /*  anything I put here
> appears  */
>     font-size: 12px;                     /*  anything I put here appears  */
>     letter-spacing: -0.1em;         /*  anything I put here appears  */
>     font-weight: normal;                /*  anything I put here appears  */
>     width: 150px !important;         /*  anything I put here appears  */
>     margin-top: 115px;                  /*  anything I put here appears  */
>     border-style: none none none none;           /*  anything I put here
> appears  */
>     padding: none;                         /*  anything I put here
> appears  */
>     line-height: 5px !important;         /*  NO MATTER WHAT I PUT HERE,
> THERE IS NO CHANGE  */
> }
>  
> #portlet-navigation-tree .navIcon,
> #portlet-navigation-tree .navIconRoot {
>     display: none;
>     background-image: none !important;
> }
>  
> #portlet-navigation-tree .portletBody,
> #portlet-navigation-tree .portletContent {
>     padding: 0;
>     width: 150px !important;
> }
>  
> .navTreeItem div,
> .navTreeItem  {
>     background-image: none !important;
> }
>  
> .navRootItem,
> .navItem {
>     background-repeat: no-repeat;
>     background-position: 0 1px;
>     font-weight: normal;
> }
>  
> .currentNavItem,
> #portlet-navigation-tree a:hover {
>     background-color: #BDC7B5;
>     font-weight: normal;
>     color: #445833;
>     background-image: none !important;
> }
>  
> .currentNavItem,
> #portlet-navigation-tree a.navTreeCurrentItem {
>     background-color: #BDC7B5;
>     font-weight: bold;
>     color: #445833;
>     background-image: none !important;
> }
>  
> .navLevel2, .navLevel3 {
>     padding-bottom: .25em;
>     padding-left: 1em;
> }
>  
>
> /***************  BOTTOM OF PAGE   *************/
>  
>
> #portal-footer {
>     border-bottom: 0px;
>     float: none;
>     margin: 0em 0em 0em 0em;
>     padding: 0.5em 0em 1em 0em;
>     text-align: center;
>     background-color: #FFFFFF;
>     border-top: 0px;
>     color: #000000;
> }
>  
> #portal-colophon {
>     background-color: #FFFFFF;
> }
>  
> /* Kupu styles */
>  
> .image-left {
>    float: left;
>    clear: both;
>    margin: 0.5em 1em 0.5em 0;
>    border: 1px solid Black;
> }
>  
> .image-inline {
>    float: none;
> }
>  
> .image-right {
>    float: right;
>    clear: both;
>    margin: 0.5em;
>    border: 1px solid Black;
> }
>  
> /* End Kupu styles */
>  
> /*  */
>  

Chris,
Did you ever get anywhere with your line-height css issue?
I have the same issue and I'm no-where.
Line-height seems to be a bit of a mystery in plone.
There is a site that has exactly what I want to do but they wont devulge
and info: http://docs.opengroupware.org/
Go to Ogo and click on the all docs in left column.
What I really want is to find out how to make the change globally with
one <STYLE Type change.  Maybe line-height:1. But where to put it?




-------------------------------------------------------
This SF.Net email is sponsored by xPML, a groundbreaking scripting language
that extends applications into web and mobile media. Attend the live webcast
and join the prime developer group breaking into this new coding territory!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
_______________________________________________
Plone-Users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/plone-users
michael nt milne michael nt milne
Reply | Threaded
Open this post in threaded view
|

Re: Re: v 2.1 portlet-navigation-tree line-height

Hi

Why don't you grab their plonecustom.css file and see how they do it? Easy using the Firefox WebDev Toolbar.

On 4/12/06, kenwood <[hidden email]> wrote:
Chris Gates wrote:
> Hey Ploners!
>

> I'm trying to use ploneCustom.css for all my styles, which is of course
> the preferred method.  It all goes well until I try to affect change to
> the portlet-navigation-tree.  Below is the part of the ploneCustom.css
> pertaining to this.  (The calls you see here are from the
> portlet-navigation-tree to the end of the ploneCustom.css file.)  See
> the last line portlet-navigation-tree{} to see what I mean.
>
> Is there something about the portlet-navigation-tree that the
> line-height call does not effect?
>
> We're using Plone version 2.1.
>
> Thanks!
>
> Chris Gates
> _________________________________________

>
> /*********   NAVTREE   ******************/
>
> #portlet-navigation-tree {
>     font-family: arial, sans-serif;         /*  anything I put here
> appears  */
>     font-size: 12px;                     /*  anything I put here appears  */
>     letter-spacing: -0.1em;         /*  anything I put here appears  */
>     font-weight: normal;                /*  anything I put here appears  */
>     width: 150px !important;         /*  anything I put here appears  */
>     margin-top: 115px;                  /*  anything I put here appears  */
>     border-style: none none none none;           /*  anything I put here
> appears  */
>     padding: none;                         /*  anything I put here
> appears  */
>     line-height: 5px !important;         /*  NO MATTER WHAT I PUT HERE,
> THERE IS NO CHANGE  */
> }
>
> #portlet-navigation-tree .navIcon,
> #portlet-navigation-tree .navIconRoot {
>     display: none;
>     background-image: none !important;
> }
>
> #portlet-navigation-tree .portletBody,
> #portlet-navigation-tree .portletContent {
>     padding: 0;
>     width: 150px !important;
> }
>
> .navTreeItem div,
> .navTreeItem  {
>     background-image: none !important;
> }
>
> .navRootItem,
> .navItem {
>     background-repeat: no-repeat;
>     background-position: 0 1px;
>     font-weight: normal;
> }
>
> .currentNavItem,
> #portlet-navigation-tree a:hover {
>     background-color: #BDC7B5;
>     font-weight: normal;
>     color: #445833;
>     background-image: none !important;
> }
>
> .currentNavItem,
> #portlet-navigation-tree a.navTreeCurrentItem {
>     background-color: #BDC7B5;
>     font-weight: bold;
>     color: #445833;
>     background-image: none !important;
> }
>
> .navLevel2, .navLevel3 {
>     padding-bottom: .25em;
>     padding-left: 1em;
> }
>
>
> /***************  BOTTOM OF PAGE   *************/
>
>
> #portal-footer {

>     border-bottom: 0px;
>     float: none;
>     margin: 0em 0em 0em 0em;
>     padding: 0.5em 0em 1em 0em;
>     text-align: center;
>     background-color: #FFFFFF;
>     border-top: 0px;
>     color: #000000;
> }
>
> #portal-colophon {
>     background-color: #FFFFFF;
> }
>
> /* Kupu styles */
>
> .image-left {
>    float: left;
>    clear: both;
>    margin: 0.5em 1em 0.5em 0;
>    border: 1px solid Black;
> }
>
> .image-inline {
>    float: none;
> }
>
> .image-right {
>    float: right;
>    clear: both;
>    margin: 0.5em;
>    border: 1px solid Black;
> }
>
> /* End Kupu styles */
>
> /*  */
>

Chris,
Did you ever get anywhere with your line-height css issue?
I have the same issue and I'm no-where.
Line-height seems to be a bit of a mystery in plone.
There is a site that has exactly what I want to do but they wont devulge
and info: http://docs.opengroupware.org/
Go to Ogo and click on the all docs in left column.
What I really want is to find out how to make the change globally with
one <STYLE Type change.  Maybe line-height:1. But where to put it?




-------------------------------------------------------
This SF.Net email is sponsored by xPML, a groundbreaking scripting language
that extends applications into web and mobile media. Attend the live webcast
and join the prime developer group breaking into this new coding territory!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
_______________________________________________
Plone-Users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/plone-users



--
michael
Edward Muller Edward Muller
Reply | Threaded
Open this post in threaded view
|

Re: Re: v 2.1 portlet-navigation-tree line-height

On Wednesday 12 April 2006 17:11, michael nt milne wrote:
> Hi
>
> Why don't you grab their plonecustom.css file and see how they do it? Easy
> using the Firefox WebDev Toolbar.

Firefox WebDav Toolbar? Google wasn't too helpful, any links?

>
> On 4/12/06, kenwood <[hidden email]> wrote:
> > Chris Gates wrote:
> > > Hey Ploners!
> > >
> > > I'm trying to use ploneCustom.css for all my styles, which is of course
> > > the preferred method.  It all goes well until I try to affect change to
> > > the portlet-navigation-tree.  Below is the part of the ploneCustom.css
> > > pertaining to this.  (The calls you see here are from the
> > > portlet-navigation-tree to the end of the ploneCustom.css file.)  See
> > > the last line portlet-navigation-tree{} to see what I mean.
> > >
> > > Is there something about the portlet-navigation-tree that the
> > > line-height call does not effect?
> > >
> > > We're using Plone version 2.1.
> > >
> > > Thanks!
> > >
> > > Chris Gates
> > > _________________________________________
> > >
> > > /*********   NAVTREE   ******************/
> > >
> > > #portlet-navigation-tree {
> > >     font-family: arial, sans-serif;         /*  anything I put here
> > > appears  */
> > >     font-size: 12px;                     /*  anything I put here
> >
> > appears  */
> >
> > >     letter-spacing: -0.1em;         /*  anything I put here appears  */
> > >     font-weight: normal;                /*  anything I put here
> >
> > appears  */
> >
> > >     width: 150px !important;         /*  anything I put here appears
> > > */ margin-top: 115px;                  /*  anything I put here
> >
> > appears  */
> >
> > >     border-style: none none none none;           /*  anything I put
> > > here appears  */
> > >     padding: none;                         /*  anything I put here
> > > appears  */
> > >     line-height: 5px !important;         /*  NO MATTER WHAT I PUT HERE,
> > > THERE IS NO CHANGE  */
> > > }
> > >
> > > #portlet-navigation-tree .navIcon,
> > > #portlet-navigation-tree .navIconRoot {
> > >     display: none;
> > >     background-image: none !important;
> > > }
> > >
> > > #portlet-navigation-tree .portletBody,
> > > #portlet-navigation-tree .portletContent {
> > >     padding: 0;
> > >     width: 150px !important;
> > > }
> > >
> > > .navTreeItem div,
> > > .navTreeItem  {
> > >     background-image: none !important;
> > > }
> > >
> > > .navRootItem,
> > > .navItem {
> > >     background-repeat: no-repeat;
> > >     background-position: 0 1px;
> > >     font-weight: normal;
> > > }
> > >
> > > .currentNavItem,
> > > #portlet-navigation-tree a:hover {
> > >     background-color: #BDC7B5;
> > >     font-weight: normal;
> > >     color: #445833;
> > >     background-image: none !important;
> > > }
> > >
> > > .currentNavItem,
> > > #portlet-navigation-tree a.navTreeCurrentItem {
> > >     background-color: #BDC7B5;
> > >     font-weight: bold;
> > >     color: #445833;
> > >     background-image: none !important;
> > > }
> > >
> > > .navLevel2, .navLevel3 {
> > >     padding-bottom: .25em;
> > >     padding-left: 1em;
> > > }
> > >
> > >
> > > /***************  BOTTOM OF PAGE   *************/
> > >
> > >
> > > #portal-footer {
> > >     border-bottom: 0px;
> > >     float: none;
> > >     margin: 0em 0em 0em 0em;
> > >     padding: 0.5em 0em 1em 0em;
> > >     text-align: center;
> > >     background-color: #FFFFFF;
> > >     border-top: 0px;
> > >     color: #000000;
> > > }
> > >
> > > #portal-colophon {
> > >     background-color: #FFFFFF;
> > > }
> > >
> > > /* Kupu styles */
> > >
> > > .image-left {
> > >    float: left;
> > >    clear: both;
> > >    margin: 0.5em 1em 0.5em 0;
> > >    border: 1px solid Black;
> > > }
> > >
> > > .image-inline {
> > >    float: none;
> > > }
> > >
> > > .image-right {
> > >    float: right;
> > >    clear: both;
> > >    margin: 0.5em;
> > >    border: 1px solid Black;
> > > }
> > >
> > > /* End Kupu styles */
> > >
> > > /*  */
> >
> > Chris,
> > Did you ever get anywhere with your line-height css issue?
> > I have the same issue and I'm no-where.
> > Line-height seems to be a bit of a mystery in plone.
> > There is a site that has exactly what I want to do but they wont devulge
> > and info: http://docs.opengroupware.org/
> > Go to Ogo and click on the all docs in left column.
> > What I really want is to find out how to make the change globally with
> > one <STYLE Type change.  Maybe line-height:1. But where to put it?
> >
> >
> >
> >
> > -------------------------------------------------------
> > This SF.Net email is sponsored by xPML, a groundbreaking scripting
> > language
> > that extends applications into web and mobile media. Attend the live
> > webcast
> > and join the prime developer group breaking into this new coding
> > territory!
> > http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
> > _______________________________________________
> > Plone-Users mailing list
> > [hidden email]
> > https://lists.sourceforge.net/lists/listinfo/plone-users
>
> --
> michael

--
Edward Muller
Interlix, LLC


-------------------------------------------------------
This SF.Net email is sponsored by xPML, a groundbreaking scripting language
that extends applications into web and mobile media. Attend the live webcast
and join the prime developer group breaking into this new coding territory!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
_______________________________________________
Plone-Users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/plone-users
J Cameron Cooper-3 J Cameron Cooper-3
Reply | Threaded
Open this post in threaded view
|

Re: Re: v 2.1 portlet-navigation-tree line-height

Edward Muller wrote:
> On Wednesday 12 April 2006 17:11, michael nt milne wrote:
>
>>Hi
>>
>>Why don't you grab their plonecustom.css file and see how they do it? Easy
>>using the Firefox WebDev Toolbar.
>
>
> Firefox WebDav Toolbar? Google wasn't too helpful, any links?

Not "dav", but "dev" as the original says.

http://www.google.com/search?q=firefox+web+developers+toolbar

        --jcc

--
"Building Websites with Plone"
http://plonebook.packtpub.com/

Enfold Systems, LLC
http://www.enfoldsystems.com


-------------------------------------------------------
This SF.Net email is sponsored by xPML, a groundbreaking scripting language
that extends applications into web and mobile media. Attend the live webcast
and join the prime developer group breaking into this new coding territory!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
_______________________________________________
Plone-Users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/plone-users
Edward Muller Edward Muller
Reply | Threaded
Open this post in threaded view
|

Re: Re: v 2.1 portlet-navigation-tree line-height

On Wednesday 12 April 2006 18:24, J Cameron Cooper wrote:

> Edward Muller wrote:
> > On Wednesday 12 April 2006 17:11, michael nt milne wrote:
> >>Hi
> >>
> >>Why don't you grab their plonecustom.css file and see how they do it?
> >> Easy using the Firefox WebDev Toolbar.
> >
> > Firefox WebDav Toolbar? Google wasn't too helpful, any links?
>
> Not "dav", but "dev" as the original says.

Haha, didn't read close enough ... or maybe it's time to increase my font
size. :-(

Sorry...

>
> http://www.google.com/search?q=firefox+web+developers+toolbar
>
> --jcc

--
Edward Muller
Interlix, LLC


-------------------------------------------------------
This SF.Net email is sponsored by xPML, a groundbreaking scripting language
that extends applications into web and mobile media. Attend the live webcast
and join the prime developer group breaking into this new coding territory!
http://sel.as-us.falkag.net/sel?cmd=lnk&kid=110944&bid=241720&dat=121642
_______________________________________________
Plone-Users mailing list
[hidden email]
https://lists.sourceforge.net/lists/listinfo/plone-users