Minialist theme

By num3472num3472

Description

Want a theme that looks good and takes up very little real estate? Here it is:

This theme dramatically improves the amount of space for content.
Eliminating unnecessary elements like titles and fancy dividers for that uncluttered clean look.
Your top menu is positioned like a menu bar.

Code

To use this code, make sure you put your links in your top menu, then paste the code into a custom theme that extends the flannel (no side bar) theme.

#header
{
     position:fixed;
     width: 100.0%;
     height: 1.5em;
     background-color:#EEE;
}

#header h1 a span{display:none;}
#header-extra-div-1{ display:none;}
#header-extra-div-2{ display:none;}
#header-extra-div-3{ display:none;}
#header-h1-a{display:none;}
#header-h2{display:none;}

#top-bar{
    margin-left: 0em;
    top: .1em;
        left:0em;
        text-align: left;
    font-size: 1em;
        overflow:visible;
        height: 1em;
        color: #333;
}

/* login stuff*/

#header #login-status, #login-status a {
       font-size:.1em;
       color: #EEE;
       top: 0em;
}

a#account-topbutton{
    color: #333;
    font-weight: normal;
        font-size:9em;
}
#account-options a,#account-options{
    color: #333;
    font-weight: normal;
        font-size:3em;
}

/**/

#main-content{
        padding-top: 2em;
    margin-left: 0em;
    margin-right: 0em;
}

#content-wrap{
      margin: 0em 0em;
}

#search-top-box{
    position: fixed;
    right: 1em;
    top: 95%;
    z-index:10;
    height 1.5em;
}

#page-title{display:none;}
#page-info{display:none;}

In action

Unfortunately my site is currently private, so I can't link to a working example at this time.
When it becomes public I will do so.

[[minimalist-theme.jpg


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by num3472


Rate this solution

If you think this solution is useful — rate it up!

rating: +3+x
Add a New Comment
css
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License