mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-09-20 19:29:43 +00:00
137 lines
8.6 KiB
Plaintext
137 lines
8.6 KiB
Plaintext
|
<div title="StyleSheetColors">
|
||
|
<pre>/*{{{*/
|
||
|
body {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
|
||
|
|
||
|
a {color:[[ColorPalette::PrimaryMid]];}
|
||
|
a:hover {background-color:[[ColorPalette::PrimaryMid]]; color:[[ColorPalette::Background]];}
|
||
|
a img {border:0;}
|
||
|
|
||
|
h1,h2,h3,h4,h5,h6 {color:[[ColorPalette::SecondaryDark]]; background:transparent;}
|
||
|
h1 {border-bottom:2px solid [[ColorPalette::TertiaryLight]];}
|
||
|
h2,h3 {border-bottom:1px solid [[ColorPalette::TertiaryLight]];}
|
||
|
|
||
|
.button {color:[[ColorPalette::PrimaryDark]]; border:1px solid [[ColorPalette::Background]];}
|
||
|
.button:hover {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::SecondaryLight]]; border-color:[[ColorPalette::SecondaryMid]];}
|
||
|
.button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::SecondaryDark]];}
|
||
|
|
||
|
.header {background:[[ColorPalette::PrimaryMid]];}
|
||
|
.headerShadow {color:[[ColorPalette::Foreground]];}
|
||
|
.headerShadow a {font-weight:normal; color:[[ColorPalette::Foreground]];}
|
||
|
.headerForeground {color:[[ColorPalette::Background]];}
|
||
|
.headerForeground a {font-weight:normal; color:[[ColorPalette::PrimaryPale]];}
|
||
|
|
||
|
.tabSelected {color:[[ColorPalette::PrimaryDark]];
|
||
|
background:[[ColorPalette::TertiaryPale]];
|
||
|
border-left:1px solid [[ColorPalette::TertiaryLight]];
|
||
|
border-top:1px solid [[ColorPalette::TertiaryLight]];
|
||
|
border-right:1px solid [[ColorPalette::TertiaryLight]];
|
||
|
}
|
||
|
.tabUnselected {color:[[ColorPalette::Background]]; background:[[ColorPalette::TertiaryMid]];}
|
||
|
.tabContents {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::TertiaryPale]]; border:1px solid [[ColorPalette::TertiaryLight]];}
|
||
|
.tabContents .button {border:0;}
|
||
|
|
||
|
#sidebar {}
|
||
|
#sidebarOptions input {border:1px solid [[ColorPalette::PrimaryMid]];}
|
||
|
#sidebarOptions .sliderPanel {background:[[ColorPalette::PrimaryPale]];}
|
||
|
#sidebarOptions .sliderPanel a {border:none;color:[[ColorPalette::PrimaryMid]];}
|
||
|
#sidebarOptions .sliderPanel a:hover {color:[[ColorPalette::Background]]; background:[[ColorPalette::PrimaryMid]];}
|
||
|
#sidebarOptions .sliderPanel a:active {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::Background]];}
|
||
|
|
||
|
.wizard {background:[[ColorPalette::PrimaryPale]]; border:1px solid [[ColorPalette::PrimaryMid]];}
|
||
|
.wizard h1 {color:[[ColorPalette::PrimaryDark]]; border:none;}
|
||
|
.wizard h2 {color:[[ColorPalette::Foreground]]; border:none;}
|
||
|
.wizardStep {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];
|
||
|
border:1px solid [[ColorPalette::PrimaryMid]];}
|
||
|
.wizardStep.wizardStepDone {background:[[ColorPalette::TertiaryLight]];}
|
||
|
.wizardFooter {background:[[ColorPalette::PrimaryPale]];}
|
||
|
.wizardFooter .status {background:[[ColorPalette::PrimaryDark]]; color:[[ColorPalette::Background]];}
|
||
|
.wizard .button {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryLight]]; border: 1px solid;
|
||
|
border-color:[[ColorPalette::SecondaryPale]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryDark]] [[ColorPalette::SecondaryPale]];}
|
||
|
.wizard .button:hover {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Background]];}
|
||
|
.wizard .button:active {color:[[ColorPalette::Background]]; background:[[ColorPalette::Foreground]]; border: 1px solid;
|
||
|
border-color:[[ColorPalette::PrimaryDark]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryPale]] [[ColorPalette::PrimaryDark]];}
|
||
|
|
||
|
.wizard .notChanged {background:transparent;}
|
||
|
.wizard .changedLocally {background:#80ff80;}
|
||
|
.wizard .changedServer {background:#8080ff;}
|
||
|
.wizard .changedBoth {background:#ff8080;}
|
||
|
.wizard .notFound {background:#ffff80;}
|
||
|
.wizard .putToServer {background:#ff80ff;}
|
||
|
.wizard .gotFromServer {background:#80ffff;}
|
||
|
|
||
|
#messageArea {border:1px solid [[ColorPalette::SecondaryMid]]; background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]];}
|
||
|
#messageArea .button {color:[[ColorPalette::PrimaryMid]]; background:[[ColorPalette::SecondaryPale]]; border:none;}
|
||
|
|
||
|
.popupTiddler {background:[[ColorPalette::TertiaryPale]]; border:2px solid [[ColorPalette::TertiaryMid]];}
|
||
|
|
||
|
.popup {background:[[ColorPalette::TertiaryPale]]; color:[[ColorPalette::TertiaryDark]]; border-left:1px solid [[ColorPalette::TertiaryMid]]; border-top:1px solid [[ColorPalette::TertiaryMid]]; border-right:2px solid [[ColorPalette::TertiaryDark]]; border-bottom:2px solid [[ColorPalette::TertiaryDark]];}
|
||
|
.popup hr {color:[[ColorPalette::PrimaryDark]]; background:[[ColorPalette::PrimaryDark]]; border-bottom:1px;}
|
||
|
.popup li.disabled {color:[[ColorPalette::TertiaryMid]];}
|
||
|
.popup li a, .popup li a:visited {color:[[ColorPalette::Foreground]]; border: none;}
|
||
|
.popup li a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border: none;}
|
||
|
.popup li a:active {background:[[ColorPalette::SecondaryPale]]; color:[[ColorPalette::Foreground]]; border: none;}
|
||
|
.popupHighlight {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
|
||
|
.listBreak div {border-bottom:1px solid [[ColorPalette::TertiaryDark]];}
|
||
|
|
||
|
.tiddler .defaultCommand {font-weight:bold;}
|
||
|
|
||
|
.shadow .title {color:[[ColorPalette::TertiaryDark]];}
|
||
|
|
||
|
.title {color:[[ColorPalette::SecondaryDark]];}
|
||
|
.subtitle {color:[[ColorPalette::TertiaryDark]];}
|
||
|
|
||
|
.toolbar {color:[[ColorPalette::PrimaryMid]];}
|
||
|
.toolbar a {color:[[ColorPalette::TertiaryLight]];}
|
||
|
.selected .toolbar a {color:[[ColorPalette::TertiaryMid]];}
|
||
|
.selected .toolbar a:hover {color:[[ColorPalette::Foreground]];}
|
||
|
|
||
|
.tagging, .tagged {border:1px solid [[ColorPalette::TertiaryPale]]; background-color:[[ColorPalette::TertiaryPale]];}
|
||
|
.selected .tagging, .selected .tagged {background-color:[[ColorPalette::TertiaryLight]]; border:1px solid [[ColorPalette::TertiaryMid]];}
|
||
|
.tagging .listTitle, .tagged .listTitle {color:[[ColorPalette::PrimaryDark]];}
|
||
|
.tagging .button, .tagged .button {border:none;}
|
||
|
|
||
|
.footer {color:[[ColorPalette::TertiaryLight]];}
|
||
|
.selected .footer {color:[[ColorPalette::TertiaryMid]];}
|
||
|
|
||
|
.error, .errorButton {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::Error]];}
|
||
|
.warning {color:[[ColorPalette::Foreground]]; background:[[ColorPalette::SecondaryPale]];}
|
||
|
.lowlight {background:[[ColorPalette::TertiaryLight]];}
|
||
|
|
||
|
.zoomer {background:none; color:[[ColorPalette::TertiaryMid]]; border:3px solid [[ColorPalette::TertiaryMid]];}
|
||
|
|
||
|
.imageLink, #displayArea .imageLink {background:transparent;}
|
||
|
|
||
|
.annotation {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; border:2px solid [[ColorPalette::SecondaryMid]];}
|
||
|
|
||
|
.viewer .listTitle {list-style-type:none; margin-left:-2em;}
|
||
|
.viewer .button {border:1px solid [[ColorPalette::SecondaryMid]];}
|
||
|
.viewer blockquote {border-left:3px solid [[ColorPalette::TertiaryDark]];}
|
||
|
|
||
|
.viewer table, table.twtable {border:2px solid [[ColorPalette::TertiaryDark]];}
|
||
|
.viewer th, .viewer thead td, .twtable th, .twtable thead td {background:[[ColorPalette::SecondaryMid]]; border:1px solid [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::Background]];}
|
||
|
.viewer td, .viewer tr, .twtable td, .twtable tr {border:1px solid [[ColorPalette::TertiaryDark]];}
|
||
|
|
||
|
.viewer pre {border:1px solid [[ColorPalette::SecondaryLight]]; background:[[ColorPalette::SecondaryPale]];}
|
||
|
.viewer code {color:[[ColorPalette::SecondaryDark]];}
|
||
|
.viewer hr {border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; color:[[ColorPalette::TertiaryDark]];}
|
||
|
|
||
|
.highlight, .marked {background:[[ColorPalette::SecondaryLight]];}
|
||
|
|
||
|
.editor input {border:1px solid [[ColorPalette::PrimaryMid]];}
|
||
|
.editor textarea {border:1px solid [[ColorPalette::PrimaryMid]]; width:100%;}
|
||
|
.editorFooter {color:[[ColorPalette::TertiaryMid]];}
|
||
|
.readOnly {background:[[ColorPalette::TertiaryPale]];}
|
||
|
|
||
|
#backstageArea {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::TertiaryMid]];}
|
||
|
#backstageArea a {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
|
||
|
#backstageArea a:hover {background:[[ColorPalette::SecondaryLight]]; color:[[ColorPalette::Foreground]]; }
|
||
|
#backstageArea a.backstageSelTab {background:[[ColorPalette::Background]]; color:[[ColorPalette::Foreground]];}
|
||
|
#backstageButton a {background:none; color:[[ColorPalette::Background]]; border:none;}
|
||
|
#backstageButton a:hover {background:[[ColorPalette::Foreground]]; color:[[ColorPalette::Background]]; border:none;}
|
||
|
#backstagePanel {background:[[ColorPalette::Background]]; border-color: [[ColorPalette::Background]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]] [[ColorPalette::TertiaryDark]];}
|
||
|
.backstagePanelFooter .button {border:none; color:[[ColorPalette::Background]];}
|
||
|
.backstagePanelFooter .button:hover {color:[[ColorPalette::Foreground]];}
|
||
|
#backstageCloak {background:[[ColorPalette::Foreground]]; opacity:0.6; filter:alpha(opacity=60);}
|
||
|
/*}}}*/</pre>
|
||
|
</div>
|