MicroGreen

Click to preview

Name: MicroGreen

Author: RobElliott
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: corporate green sidebar topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

A green variation on the MicroBlue theme. It has a top bar and wide sidebar which is useful for articles, blog posts, images and calendars.

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/microgreen

Code

+ show the code

/* CONTAINERS
=============================*/
 
#container {
    background-color: #3E533A;    
    background-image:url("http://themes.wikidot.com/local--files/microgreen/bgmain.png");
    background-repeat:repeat-x;
}
 
#content-wrap {
    margin:0 auto;
    width:932px;
}
 
/* LINKS
=============================*/
 
a {
    color: #ffffcc;
    text-decoration: none;
}
 
a:link, a:visited {
    color: #00137F;
}
 
a.newpage {
    color: maroon;
    text-decoration: none;
}
 
a:hover {
    background-color: transparent;
    color: #486143;
}
 
#breadcrumbs:before {
    content: "You are at:";
    margin-right: 0.5em;
}
 
/* HEADINGS
=============================*/
 
h1, h2, h3, h4, h5, h6 {
    color:maroon;
}
 
/* HEADER
=============================*/
 
#header {
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
    background-image: url(http://themes.wikidot.com/local--files/microgreen/header.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    height:120px;
    margin: 0 auto;
    position:relative;
    top:20px;
    width:932px;
}
 
#header #login-status, #login-status a {
    color: #E8F3FB;
}
 
#header h1 {
    left:50px;
    padding:0;
    position:relative;
    top: 10px;
    width:750px;
}
 
#header h2 {
    color:#E8F3FB;
    font-size:125%;
    left: 100px;
    margin:0;
    max-height:38px;
    padding:0;
    position:relative;
    text-align:left;
    top:25px;
    width:450px;
}
 
h1 a {
    height:175px;
    margin-top:0px;
    width:932px;
}
 
#header h1 a, #header h1 a:hover {
    background-color:transparent;
    color:#E8F3FB;
    height:150px;
    top:0;
}
 
/* ACCOUNT/LOGIN
=============================*/
 
#account-options  {
    background-color:#38789C;
}
 
#account-topbutton {
    background-color: transparent;
    border: none;
}
 
#account-options ul {
    background-color: #3B5323;
}
 
#account-options li a:hover {
    color: #ffcc33;
}
 
/* SEARCH BOX
=============================*/
 
#search-top-box {
    left:0;
    margin-left:60px;
    position:absolute;
    text-align:left;
    top:118px;
    width:300px;
    z-index:9;
}
 
#search-top-box input.empty {
    background-color:#FFFFFF;
    background-image:url("http://community.wikidot.com/local--files/files/search.gif");
    background-position:right top;
    background-repeat:no-repeat;
    color:#206FA8;
}
 
/* TOP BAR 
=============================*/
 
#top-bar {
    height:30px;
    top:60px;
}
 
#top-bar li a {
    color:#FFFFFF;
}
 
#top-bar a:hover {
    background-color: #486143;
    border: none;
    color: #ffffff;
    text-decoration: underline;
}
 
#top-bar li ul  {
    border:none;
}
 
#top-bar li ul li  {
    margin-right:16px;
}
 
#top-bar li ul li a {
    background-color:#486143;
    float: right;
    width: 12em;
}
 
#top-bar li ul li a:hover {
    background-color:#486143;
    color: #ffffff;
    width: 12em;
}
 
/* SIDE BAR
=============================*/
 
#side-bar {
    background-color: #ffffff;
    background-image: url(http://themes.wikidot.com/local--files/microgreen/bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    border:none;
    float:right;
    margin:20px 0 0;
    position:relative;
    right:25px;
    width:300px;
}
 
/* PAGE TITLE
=============================*/
 
#page-title {
    border-bottom:medium none;
    color:maroon;
    height:30px;
    margin-top:30px;
    padding-bottom:1em;
    padding-top:2em;
    width: 500px;
}
 
/* CONTENT 
=============================*/
 
#main-content {
    background-color: #ffffff;
    background-image: url(http://themes.wikidot.com/local--files/microgreen/bg.png);
    background-position: left top;
    background-repeat: repeat-x;
    border-left:1px solid #468259;
    border-right:1px solid #468259;
    margin-bottom:0;
    margin-left:0 !important;
    margin-right:auto;
    margin-top: -25px;
    margin-top: -50px !ie7!;
    min-height:450px;
    min-height: 700px !ie7!;
    padding:0 0 0 10px;
    width:920px;
}
 
#page-content {
    min-height:400px;
    width:530px;
}
 
/* CODE
============================== */
 
.code {
    font-family: verdana;
}
 
/* TABLES
============================== */
 
table {
    empty-cells:show;
    width:80%;
}
 
table.wiki-content-table {
    background-color: #CEE8E5;
    border-collapse:collapse;
    border-spacing:0;
    color:#2D5491;
    margin:0;
    width: 70%;
}
 
table.wiki-content-table th {
    background-color:#CCCCCC;
    border:1px solid #888888;
    color:#000000;
    padding:0.3em 0.7em;
    text-align:left;
}
 
table.wiki-content-table tr {
    border:1px solid darkgray;
}
 
table.wiki-content-table td {
    background-color: #C7E8AC;
    border:none;
    padding:0.3em 0.7em;
    text-align:left;
}
 
table.page-files {
    background-color:#CEE8E5;
    border:1px solid #468259;
    border-collapse:collapse;
    border-spacing:0;
    margin:1em auto;
}
 
.layout {
    border-collapse:collapse;
    color:#3B485F;
    table-layout:fixed;
    width:100%;
}
 
.layout tr {
    background:#FCFFDF none repeat scroll 0 0;
    border-bottom:1px solid #EFEFEF;
}
 
.layout td {
    border: 1px solid darkgray;
    padding-left:1em;
}
 
.layout .truncate {
    overflow:hidden;
    white-space:nowrap;
}
 
.layout .header {
    background:#AFCCFF none repeat scroll 0 0;
    border-bottom:1px solid #9F9F9F;
    font-size:13px;
    font-weight:bold;
    height:2em;
}
 
.layout .footer {
    background:#FCFFDF none repeat scroll 0 0;
    border-bottom:1px solid #9F9F9F;
    border-top:1px solid #9F9F9F;
    font-weight:bold;
}
 
/* FOOTER
============================== */
 
#footer {
    background-image: url(http://themes.wikidot.com/local--files/microgreen/footer.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    color: #ffffff;
    margin: 0 auto;
    width:912px;
}
 
#footer a {
    color: #ffffff;
}
 
.page-watch-options {
    padding-right:10px;
}
 
.page-options-bottom a {
    background: url("http://themes.wdfiles.com/local--files/hello/hello-button-bg.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #D4D4D4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #616161;
    font-family: Arial;
    height: auto;
    margin: 0 5px;
    padding: 6px 10px;
}
 
/* LICENSE AREA
============================== */
 
#license-area, #license-area a  {
    color:#FFFFFF;
}
 
/* LICENSE AREA
============================== */
 
#site-manager {
    margin:5.5em auto;
}

Notes

Similar themes Matalex Orange Black Author: alexandra bond Rating: 0, Comments: 1 Tags: black responsive sidebar smartphone topbar Noise Author: Battlesquid Rating: 1, Comments: 5 Tags: clean dark flexible grey minimalist modern no-sidebar topbar

Browse themes by tag ardeol black blog blue bmc brown business clean colorful company corperate corporate css3 curved dark dashed developer education educational flexible floral flower freshly-squeezed glass green grey grunge hello minimalist modern nature navy no-sidebar no-topbar orange outline professional purple rainbow red responsive series sidebar simple smartphone super topbar white wiki yellow

Comments

pieterh 22 Apr 2010 11:44

I love these micro themes, Rob.

---

Portfolio