Peridot Developer

Name: Peridot Developer

Author: Timothy Foster
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: corporate developer education sidebar topbar

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

Description:

This theme is one of many Developer themes created by Timothy Foster which features a simple architecture with a smooth look and mild feel. The theme should be compatible with most browsers, and it so far has the CSS defined already for the Checklist App, Image Box CSI, and Plurality CSI. Further color customization has been added to the Hover Tips made by James Kanjo and Tabview classes gathered by Steven Heynderickx.

The below represents the other Developer variations available.

Generic Developer — Install

Amethyst Developer — Install
Diamond Developer — Install
Emerald Developer — Install
Garnet Developer — Install
Malachite Developer — Install
Obsidian Developer — Install
Onyx Developer — Install
Peridot Developer — Install
Quartz Developer — Install
Ruby Developer — Install
Sapphire Developer — Install
Tanzanite Developer — Install
Topaz Developer — Install

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/peridot-developer

Code

+ show the code

- hide the code

/* Import Generic
======================*/
@import url(http://themes.wdfiles.com/local--code/generic-developer);
 
/* Global
======================*/
a{    color: #5D8600; }
a:hover{    color: #628B00; }
 
/* Header
======================*/
#header h1 a{    color: #658515; }
#header h2{    color: #40331F; }
 
/* Top Bar
======================*/
#top-bar{
    background-image: url(http://themes.wikidot.com/local--files/peridot-developer/developer_peridot-top.png);
    background-repeat: repeat-x;
}
 
/* Blockquotes
=======================*/
blockquote{
    background-image: url(http://themes.wikidot.com/local--files/peridot-developer/developer_peridot-quotes.png);
    background-repeat: no-repeat;
    border-left: 5px solid #6D9610;
    border-top: 1px solid #6D9610;
    border-right: 1px solid #6D9610;
    border-bottom: 1px solid #6D9610;
    padding: 20px 1em 4px 1em;
    margin: 8px 0;
}
blockquote p{    margin: 4px 0 1em 0; }
 
/* Code Blocks
=======================*/
.code{
    background-image: url(http://themes.wikidot.com/local--files/peridot-developer/developer_peridot-code.png);
    background-repeat: no-repeat;
    border-left: 5px solid #6D9610;
    border-top: 1px dashed #6D9610;
    border-right: 1px dashed #6D9610;
    border-bottom: 1px dashed #6D9610;
    padding: 20px 1em 4px 1em;
    margin: 8px 0;
}
.code pre{    margin: 4px 0 1em 0; }
 
/* Special Classes
========================*/
.checklist-status-head,
.checklist-item-head,
.checklist-priority-head,
.checklist-options-head{
    background-color: #5D8600;
    padding: 0 5px 0 5px;
    color: #F7F7F7;
    font-weight: bold;
}
.image-box-heading{
    background-color:#5D8600;
    color: #F7F7F7;
}
.image-box{
    background-color:#F7F7F7;
}
 
/* Sidebar
========================*/
 
#side-bar h1{    color: #5D8600; }
 
/* Simple Tables
========================*/
 
table.wiki-content-table{    border: 1px solid #5D8600; }
table.wiki-content-table th{
    background-color: #5D8600;
    border: 1px solid #444;
    color: #F7F7F7;
}
table.wiki-content-table td{
    background-color: #F7F7F7;
    border: 1px solid #777;
}
 
/* Input
========================*/
 
#content-wrap input.text, #content-wrap textarea{
    border: 1px solid #5D8600;
}
 
/* TOC
========================*/
 
#toc{
    border-left: 1px solid #6D9610;
    border-right: 1px solid #6D9610;
    border-bottom: 1px solid #6D9610;
    border-top: 5px solid #6D9610;
}
#toc > #toc-action-bar{    display: none; }
 
/* Hover Tips (James)
========================*/
 
.hover{    color: #5D8600; }
.hover:hover span{
    background-color: #F7F7F7;
    border: 2px solid #6D9610;
    color: #000;
}
 
/* Tabview (Stephen H)
========================*/
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: solid #6D9610; /* color of the line between tab list and content */
    border-width:0 0 3px; /*thickness of the line between tab list and content */
}
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin:0 1px 0 0; /* space between tabs */
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
    margin:0 1px -1px 0; /* for overlap */
}
/* Settings for unselected tabs */
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color: #F7F7F7;
    border-top: 1px solid #777;
    border-left:1px solid #777;
    border-right: 1px solid #777;
    font-weight: bold;
    font-size:80%;
    color: #000;
}
/* Settings for unselected tabs */
.yui-navset .yui-nav a:hover,
.yui-navset .yui-navset-top .yui-nav a:hover {
    background:#FFF;
}
/* Settings for unselected tabs */
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border:0px solid #F00;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#6D9610;
    color: #F7F7F7;
    border: 1px solid #444;
    border-bottom: none;
}