1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained Flatter (1.2 responsive) 1.01

A flatter variation on the default style.

  1. wdb

    wdb Active Member

  2. RoldanLT

    RoldanLT Well-Known Member

    Flatter meaning no gradient?
     
  3. wdb

    wdb Active Member

    Yeah, there are shadows so it's not flat but it's flatter.
     
  4. Rho Delta

    Rho Delta Well-Known Member

    Add some color options and it will look very appealing!
     
  5. Sheratan

    Sheratan Well-Known Member

    Looks promising. Simple and light.
     
  6. wdb

    wdb Active Member

    It's not too hard to make your own color variations with the color palette and the style options.
     
  7. Very nice!
     
  8. wdb

    wdb Active Member

  9. Case

    Case Active Member

    Is the responsive side of things still working on the latest beta?

    When I view on a smaller screen, my forum and thread titles are all trying to squeeze into a thin column so it stretches all down the page.
     
  10. wdb

    wdb Active Member

    I've only tested it on 1.2 beta 3 so far so it's possible that it doesn't work on the latest version, when I upgrade I'll investigate.
     
    Case likes this.
  11. principia

    principia Well-Known Member

    very nice.
    i will try it when i update from 1.15 to RC1 :)
     
  12. Robert F Schmitz

    Robert F Schmitz Well-Known Member

    It seems that the category bar color is hard-coded as it doesn't change when I adjust the color mix with the sliders.
     
  13. Nathan

    Nathan Member

    Nice style. In 1.2 Gold I'm having some responsive design issues. This is on a stock / new install.

    Any updates planned?

    Thanks!
     
  14. wdb

    wdb Active Member

    Yes I've just upgraded my test site to 1.2 so I'll do an update soon. What have you spotted that needs fixing ?
     
  15. wdb

    wdb Active Member

  16. kingston

    kingston Well-Known Member

    this is a fantastic style.
     
  17. kingston

    kingston Well-Known Member

  18. wdb

    wdb Active Member


    I'm not sure why that is happening but I might be able to help fix it. Try this: in the template navigation.css find this section.

    Code:
        .navTabs
        {
            @property "navTabs";
            font-size: 11px;
            background-color: @primaryDark;
            padding: 0 25px;
            border-color: @primaryLightish;
            border-bottom-color: @primaryDarker;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            @property "/navTabs";
            height: {xen:calc '@headerTabHeight + 1'}px;
        }
    Change the +1 in the last line to +3


    *edit
    If that works you'll want to do the same thing in this section

    Code:
    .navTabs .navLink,
    .navTabs .SplitCtrl
    {
        @property "navLink";
        font-weight: bold;
        display: block;
        float: left;
        vertical-align: text-bottom;
        text-align: center;
        outline: 0 none;
        @property "/navLink";
       
        <xen:if is="{$pageIsRtl}">*float: none; *display: inline; *zoom: 1;</xen:if>
       
        height: {xen:calc '@headerTabHeight + 1'}px;
        line-height: @headerTabHeight;
    }
     
    Last edited: Aug 6, 2013
    kingston likes this.
  19. kingston

    kingston Well-Known Member

    That got it. Thanks!

    Any idea what color is used for the font of the tab that a user is currently on?
     
  20. wdb

    wdb Active Member

    I think that is in
    Style Properties: Header and Navigation > Selected Tab
     

Share This Page