Sapphire Developer
Released: 23 Dec 2010 06:00
Version: 1.00.101223
Import
You can use this theme by including the below code:
@import url('http://publicvar.wikidot.com/csstheme:sapphire-developer/code_');
Source Code
/** Sapphire 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: #18238A; } a:hover{ color: #1D288F; } /* Header ======================*/ #header h1 a{ color: #18238A; } #header h2{ color: #40331F; } /* Top Bar ======================*/ #top-bar{ background-image: url(http://themes.wikidot.com/local--files/sapphire-developer/developer_sapphire-top.png); background-repeat: repeat-x; } /* Blockquotes =======================*/ blockquote{ background-image: url(http://themes.wikidot.com/local--files/sapphire-developer/developer_sapphire-quotes.png); background-repeat: no-repeat; border-left: 5px solid #24309D; border-top: 1px solid #24309D; border-right: 1px solid #24309D; border-bottom: 1px solid #24309D; 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/sapphire-developer/developer_sapphire-code.png); background-repeat: no-repeat; border-left: 5px solid #24309D; border-top: 1px dashed #24309D; border-right: 1px dashed #24309D; border-bottom: 1px dashed #24309D; 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: #18238A; color: #F7F7F7; padding: 0 5px 0 5px; font-weight: bold; } .image-box-heading{ background-color:#18238A; color: #F7F7F7; } .image-box{ background-color:#F7F7F7; } /* Sidebar ========================*/ #side-bar h1{ color: #18238A; } /* Simple Tables ========================*/ table.wiki-content-table{ border: 1px solid #18238A; } table.wiki-content-table th{ background-color: #18238A; 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 #18238A; } /* TOC ========================*/ #toc{ border-left: 1px solid #24309D; border-right: 1px solid #24309D; border-bottom: 1px solid #24309D; border-top: 5px solid #24309D; } #toc > #toc-action-bar{ display: none; } /* Hover Tips (James) ========================*/ .hover{ color: #18238A; } .hover:hover span{ background-color: #F7F7F7; border: 2px solid #24309D; color: #000; } /* Tabview (Stephen H) ========================*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border: solid #18238A; /* 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:#18238A; color: #F7F7F7; border: 1px solid #444; border-bottom: none; }