/*{{{*/
/*Blue Theme for TiddlyWiki*/
/*Modded Haemoglobin Theme (just 3 colors) by Bauwe Bijl*/
/*Haemoglobin Theme Design and CSS by Saq Imtiaz*/
/*Version 1.0*/
/*}}}*/
/*{{{*/
#sidebarTabs {font-family:arial,helvetica;}
body
{background:#ffffff;}
#contentWrapper {
font-family: Verdana, Arial, Tahoma, Sans-Serif;
color: #00009E;
margin:1.9em auto 1em ; width:98%;}
#header {background:#ffffff;}
.headerShadow { padding: 1.4em 0em 0.5em 1em; }
.siteTitle {
font-family: 'Trebuchet MS' sans-serif;
font-weight: bold;
font-size: 36px;
color: #0000d0;
background-color: #FFF;
}
.siteSubtitle {
font-size: 1.0em;
display: block;
margin: .5em 3em; color: #999;
}
.clearAll {clear:both;}
.tagClear {clear:none;}
#sidebar {position:relative; float:right; display:inline; right:0;}
a{
color:#0000d0;
text-decoration: none; font-weight:normal;
}
a:hover{
color:#0000d0;
background-color: #ffffff;
border-bottom:1px solid #0000d0;
}
.viewer .button, .editorFooter .button{
color: #0000d0;
border: 1px solid #0000d0;
}
.viewer .button:hover,
.editorFooter .button:hover{
color: #fff;
background: #0000d0;
border-color: #0000d0;
}
.viewer .button:active, .viewer .highlight,.editorFooter .button:active, .editorFooter .highlight{color:#fff; background:#0F0FFF;border-color:#0F0FFF;}
#topMenu br {display:none;}
#topMenu {padding:0.45em 1em; background:#0000d0;}
#topMenu a, #topMenu .tiddlyLink, #topMenu .button {color:#ffffff; padding:0.3em 0.45em; margin:0 4px;font-size:120%;font-weight:normal;font-variant: small-caps; border:none; background:#0000d0; text-decoration:none; }
#topMenu a:hover, #topMenu .tiddlyLink:hover, #topMenu .button:hover, #topMenu .button:active, #topMenu .highlight {color:#fff;text-decoration:none; background:#0F0FFF; }
#displayArea{margin:0 17em 2em 0.5em;}
.tiddler {padding-left:0;}
.title {color:#0000d0; border-bottom:1px solid#0000d0; }
.subtitle, .subtitle a { color: #0000d0; font-size: 1.0em;margin:0.2em;}
.shadow .title{color:#999;}
.toolbar {font-size:85%;}
.selected .toolbar a {color:#0000d0;}
.selected .toolbar a:hover {color:#00009E; background:transparent;border:1px solid #00009E;}
.toolbar .button:hover, .toolbar .highlight, .toolbar .marked, .toolbar a.button:active{color:#00009E; background:transparent;border:2px solid #00009E;}
* html .viewer pre {
margin-left: 0em;
}
* html .editor textarea, * html .editor input {
width: 98%;
}
/***
!Sidebar
***/
#sidebar {position:relative;float:right; line-height: 1.4em; border-left:0px solid#000; display:inline; background:#ffffff; right:0; margin-bottom:2em !important; margin-bottom:1em;
width: 16em;}
/***
!SidebarOptions
***/
#sidebarOptions {padding-left:0.5em; padding-top:2em;}
#sidebarOptions a {
color:#999;
text-decoration: none;}
#sidebarOptions a:hover, #sidebarOptions a:active {
color:#CC0000;
background-color:#f5f5f5;border:1px solid #f5f5f5;
}
#sidebarOptions input {border:1px solid #999; }
.listTitle {color:#00009E;}
#sidebarTabs .tabContents {background:#ffffff;}
#sidebarTabs .tabContents .tiddlyLink, #sidebarTabs .tabContents .button{color:#999;}
#sidebarTabs .tabContents .tiddlyLink:hover,#sidebarTabs .tabContents .button:hover{color:#CC0000;background:#ffffff; text-decoration:none;border:none;}
#sidebarTabs .tabContents .button:hover, #sidebarTabs .tabContents .highlight, #sidebarTabs .tabContents .marked, #sidebarTabs .tabContents a.button:active{color:#CC0000;background:#ffffff}
.tabSelected{color:#ffffff; background:#999;}
.tabSelected, .tabSelected:hover {
color: #0000d0;
background: #ffffff;
border: solid 1px #0000d0;
}
#sidebarTabs .tabUnselected:hover { border-bottom: none;padding-bottom:3px;color:#999;}
.tabUnselected {
color: #999;
background: #eee;
border: solid 1px #0000d0;
}
.tabUnselected:hover {text-decoration:none; border:1px solid #0000d0;}
#sidebarTabs .tabUnselected { border-bottom: none;padding-bottom:3px;}
#sidebarTabs .tabSelected{padding-bottom:3px;}
#sidebarOptions .sliderPanel {
background: #eee; border:1px solid#0000d0;
font-size: .9em;
}
#sidebarOptions .sliderPanel input {border:1px solid #999;}
#sidebarOptions .sliderPanel .txtOptionInput {border:1px solid #999;width:9em;}
#sidebarOptions .sliderPanel a {font-weight:normal; color:#0000d0;background-color: #eee; border-bottom:1px dotted #333;}
#sidebarOptions .sliderPanel a:hover {
color:#111;
background-color: #eee;
border:none;
border-bottom:1px dotted #111;
}
.tabContents {background:#ffffff;}
.tagging, .tagged {
border: 1px solid #eee;
background-color: #F7F7F7;
}
.selected .tagging, .selected .tagged {
background-color: #f7f7f7;
border: 1px solid #0000d0;
}
.tagging .listTitle, .tagged .listTitle {
color: #bbb;
}
.selected .tagging .listTitle, .selected .tagged .listTitle {
color: #666;
}
.tagging .button, .tagged .button {
color:#0000d0;
}
.selected .tagging .button, .selected .tagged .button {
color:#0F0FFF;
}
.highlight, .marked {background:transparent; color:#111; border:none; text-decoration:underline;}
.tagging .button:hover, .tagged .button:hover, .tagging .button:active, .tagged .button:active {
border: none; background:transparent; text-decoration:underline; color:#333;
}
.popup {
background: #0000d0;
border: 1px solid #0000d0;
}
.popup li.disabled {
color: #000;
}
.popup li a, .popup li a:visited {
color: #eee;
border: none;
}
.popup li a:hover {
background: #0F0FFF;
color: #fff;
border: none;
}
#messageArea {
border: 4px solid #0000d0;
background: #ffffff;
color: #0000d0;
font-size:90%;
}
#messageArea a:hover { background:#f5f5f5; border:none;}
#messageArea .button{
color: #666;
border: 1px solid #0000d0;
}
#messageArea .button:hover {
color: #fff;
background: #0000d0;
border-color: #0000d0;
}
#contentFooter {background:#0000d0; color:#DF7D7D; clear: both; padding: 0.5em 1em; }
#contentFooter a {
color: #DF7D7D;
border-bottom: 1px dotted #DF7D7D; font-weight:normal;text-decoration:none;
}
#contentFooter a:hover {
color: #FFFFFF;
background-color:transparent;
border-bottom: 1px dotted #fff; text-decoration:none;
}
.searchBar {float:right;font-size: 1.0em;position:relative; margin-top:1.3em;}
.searchBar .button {color:#999;display:block;}
.searchBar .button:hover {border:1px solid #ffffff;color:#4F4B45;}
.searchBar input {
background-color: #ffffff;
color: #0000d0;
border: 1px solid #0000d0; margin-right:3px;
}
.tiddler {padding-bottom:10px;}
.viewer blockquote {
border-left: 5px solid #0000d0;
}
.viewer table, .viewer td {
border: 1px solid #0000d0;
}
.viewer th, thead td {
background: #0000d0;
border: 1px solid #0000d0;
color: #fff;
}
.viewer pre {
border: 1px solid #0000d0;
background: #f5f5f5;
}
.viewer code {
color: #111; background:#f5f5f5;
}
.viewer hr {
border-top: dashed 1px #0000d0;
}
.editor input {
border: 1px solid #00009E; margin-top:5px;
}
.editor textarea {
border: 1px solid #00009E;
}
h1,h2,h3,h4,h5 { color: #0000d0; background: transparent; padding-bottom:2px; font-family: Arial, Helvetica, sans-serif; }
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size: 14px;}
[[Extra]]
/*}}}*/
