Released: 23 Dec 2010 06:00
Version: 1.00.101223

class="img-responsive

Import

You can use this theme by including the below code:

@import url('http://publicvar.wikidot.com/csstheme:onyx-developer/code_');

Source Code

/** Onyx Developer CSS Theme
 *  Author: Timothy Foster (publicvar.wikidot.com)
 *  Version: 1.00.101223
 *  Licensed under CC BY 4.0
 * ********************************************************/
 
/* Import Generic
======================*/
@import url(http://themes.wdfiles.com/local--code/generic-developer);
 
/* Global
======================*/
a{    color: #333740; }
a:hover{    color: #383C45; }
 
/* Main Content
======================*/
#main-content a{    text-decoration: underline; }
#main-content a:hover{    text-decoration: none; }
 
/* Header
======================*/
#header h1 a{    color: #333740; }
#header h2{    color: #333740; }
 
/* Top Bar
======================*/
#top-bar{
    background-image: url(http://themes.wikidot.com/local--files/onyx-developer/developer_onyx-top.png);
    background-repeat: repeat-x;
}
 
/* Blockquotes
=======================*/
blockquote{
    background-image: url(http://themes.wikidot.com/local--files/onyx-developer/developer_onyx-quotes.png);
    background-repeat: no-repeat;
    border-left: 5px solid #383C45;
    border-top: 1px solid #383C45;
    border-right: 1px solid #383C45;
    border-bottom: 1px solid #383C45;
    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/onyx-developer/developer_onyx-code.png);
    background-repeat: no-repeat;
    border-left: 5px solid #383C45;
    border-top: 1px dashed #383C45;
    border-right: 1px dashed #383C45;
    border-bottom: 1px dashed #383C45;
    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: #333740;
    padding: 0 5px 0 5px;
    color: #F7F7F7;
    font-weight: bold;
}
.image-box-heading{
    background-color:#333740;
    color: #F7F7F7;
}
.image-box{
    background-color:#F7F7F7;
}
 
/* Sidebar
========================*/
 
#side-bar h1{    color: #333740; }
 
/* Simple Tables
========================*/
 
table.wiki-content-table{    border: 1px solid #333740; }
table.wiki-content-table th{
    background-color: #333740;
    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 #333740;
}
 
/* TOC
========================*/
 
#toc{
    border-left: 1px solid #383C45;
    border-right: 1px solid #383C45;
    border-bottom: 1px solid #383C45;
    border-top: 5px solid #383C45;
}
#toc a{    text-decoration: none; }
#toc a:hover{    text-decoration: underline; }
#toc > #toc-action-bar{    display: none; }
 
/* Hover Tips (James)
========================*/
 
.hover{    color: #333740; }
.hover:hover span{
    background-color: #F7F7F7;
    border: 2px solid #383C45;
    color: #000;
}
 
/* Tabview (Stephen H)
========================*/
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border: solid #333740; /* 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:#333740;
    color: #F7F7F7;
    border: 1px solid #444;
    border-bottom: none;
}

Notes