StyleSheet
/*{{{*/ body {font-size:12px; font-family:arial,helvetica; margin:0; padding:0; min-height: 418px; width: 100%} #messageArea {position:fixed; top:28px; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;} #displayArea {margin:0em 0em 0em 0em;} #backstageButton {display:none; position:absolute; z-index:175; top:0em; left:0em;} #topMenu { positon:relative; padding-top:0.5em; padding-left:0.5em; } #topMenu br {display:none; } #topMenu { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpcjjsOgDAMQy3f/2qMzAwMbOwg6pCPSisGy8+2FAXLunE/TgJGmUvl1jkl78Q2Z/f2ceyYevG6n7wxhLr5y52jjx9G747akYxXgAEA9FZw6HEbDVoAAAAASUVORK5CYII=) #6d84a2 repeat-x; box-sizing: border-box; border-bottom: 1px solid #2d3642; margin: 0; line-height: 20px; height: 30px; font-size: 12px; font-weight: bold; padding: 1px 10px 10px 10px; text-align: center; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; text-overflow: ellipsis; box-sizing: border-box; overflow: hidden; white-space: nowrap; } .backButton, .ibutton, #topMenu .button, .toolbar .button { top: 6px; -webkit-border-radius: 0; padding: 0 8px 2px 8px; height: 28px; line-height: 28px; font-weight: bold; color: #FFFFFF; text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; text-decoration: none; background: #4A6C9B; border-color: #4A6C9B; } #topMenu .backButton { position: absolute; left: 6px; right: auto; font-size: 20px; -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAeCAIAAAA6iHCJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtJJREFUeNrEV21P01AYbbtubNExBnXDbYjjZYI4BMdgEANDQoTElw/+Rw0mBs0UiSGaoJFEQEPwjRhFCW/JxrZ2Xdu1fe71bpAhCHzqupPnS5ObPOeec+5zb+lHLxao05HPiwvzr3/++J7N7FFGgaaDLe034+O+wCXyxSKET1u5+Wc98XTK39zeOzjudLmNIoAR2tlaf/Zkqm9gKNI/RBigE9dtb23MJKZj8fvuC16b3WGxsJRxOFfHeQOtH+ZnOI+XRfgEBoLAzz6fjo7ebfD4GYYhMiEdDGRAW6xOt6d7YGzl4xIL/7mgyPL044edkVt19T4EFAJEVQYud+MvOCkHc7MJ3+VrXGOzXrHeZS1s9trjOVj7tiqpONTWBRgD6BVmQFls9iMaSHnx/bu3ffEHgC2gVVqAIojKR3Iw9zLRcjVmtTnA0NydxQDg0IWvq59kYIOeZtWs9gQkagcMcgK/vLjYNXQHcEkas0AcYPdNIPr7Q/0M69B089ofavB5ZVm3OJ2cTwegzAUgxGbSe8tLS52xewjRZGabzAABZt+8mvGHBsiYNF+AAw1cXEBGNUiQqWpAlArM5MSYBXgEOl0NkLcCkxak28MRKbuDMa6KDAwAUnU8HO2Q+N0SJ3OLMCA7V1S9vt7d3tSg5LNV0ACXwOekcGfreVbVVYUqMjOvyPsH71cqkxsZ7NHFJIXBTCMONMAlEryoxAfDucyOmaOpmINyaTowrK23IyDxKbNzUIYoKU3+i37OXpCESvfGCOw11uMMcCkQke4rDlrS1coOSk2VOXftERfKtZsURmLXQUqBVqiUABgrQirc0Xp4Fv4t8kxN8dLkaJQupOVcGnTN0PuQHHlRSG1Eu9tUTLOnxZ5clclsfmK078va7/WN7axomCN2e42Xc/VEIoiiM0KePeM20DTY3M22BZtuhENW1rC/NrI3WVGTmZxSKEr7V4ABAJ+53J1I3nPjAAAAAElFTkSuQmCC) 0 8 0 14; border-width: 0 8px 0 14px; } #topMenu .backButton .pressed { -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAeCAIAAAA6iHCJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsJJREFUeNrEV9tP01AYP6eXrZddyoAtDGkRHnwUjdEHEUKCaJyQIT4Y/z9jYgJE0QgENYjRRB+JZIMxCco2iQ4YdO3annM8XAJhgE9t98v30pyTfr/v991a+PzNF3AxdH1v7vV46Xdpe6sM3AKEqqr1D6aSl9T9p2dTny+6OT8zuZTJtrQmREEICqJbBAghhlEtFQtaR/v99FMOY3zuvYW5l9nlvKp1SXKY5XkIGeAeAoIsiHKh8PPD9ASHyTkMvi7MruTy7VqnHIpACAmhxLGLDCDDBKVQPNH2t7zNIUzqjk3DWMost8STohShfql34A0EMVzZqdAs1DuYfvUiqrTK4aazR24DsixfXwfzMxOmDeIx5SB4BLwGw5zSoKrv5deLqtZNAESIAO9Bwz9VB7NT4/F4G8Py3ut/BMc2TrKwMDtp2igshhDGwC/QUI8Y7GyV135tJju0g8Yj/jEglMGBu/czU02xZsjwCPvn/kSDb5/mHMJG5Aj2Uf8TDTbWV5eyqx3qZUIgAX6DTjyWCSpRReGCImkELEPnJDFoYc6gY6gRMBHHjIw9gcTcXzwQNsIIU9r8kxoetYxdQEhDZKADUDBr9rWeq7a5C+mu8N0YGrmFgNZ9pUWRHctogAaHNVksbPQNpgIswsjxmwGdCdSEkLK29uNeahRbe7RL/SvEYw0opEhzsVjs7RuoGRWfswCOjRcjXEBUk62WqftdB8cwHdJzsz8qc45d83wkE8IzmDk7KfO57MDQME9bxOOqRMiWxMCpLBxaOJZczmSGHqSJpWOEPBMAOKZ+/cbto16oMznWls/nHqbHgFO1a4a7W5u+zXEss7rd3dWpmwYHLvgdkJTEam5l5NHjj+/elrcqhgPdYkBzH5KF3rtpB6Edvcb9ZxuI0cT3xcVbd4YiIZHnONe+ThEyTIuOH1aI0sd/AgwAlqkuN/kCJYwAAAAASUVORK5CYII=) 0 8 0 14; } #topMenu .ibutton{ position: absolute; right: 6px; -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAIAAACqmwlGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNqUlEtLw0AUhSfJTRpTk5Za1FAfxS5sBVtfC7tQdOcv8C+6FURx50JBEUGwG0HrA5EqtlRtTNM0d+KtrqyCk8NAmJnzce7AzZW2do8ZY/d31bPjw1rt8aP1zn4qblq2nVkqr0xmc7QFzsOTw4PKxXkuX8xOLxqDZh/gOq1m42l/Z3u2OL+8sg63N9dXN1erG5sDg5aqarKi9AFWCofsiUw2f3q0Z49PKFZquLCwlkyPSrISMkaBfYsO6UrTDTORrpwdgazGreRw0OXsP5FNAgM0w0TOkCMTUCxugQxaFwMmJjIDIvMF6vkWmQlADFAYQAiQ+8IAmQF5SB/RBB72EroBj5TAAxR+A+fAMUQMBQEyR09w3I723hYEyAxM6kkQILPMIgqkHiYcQO0UOeELE45gElA9Ud4cvaTogApAv7qINQw5gCInE0bQ9YRa1fdSSVMuzuTcVoP4fwPIVipMyQroc/mxt5cH33P4X9OADumKDGRjEAPX62TskdF0qnJZfa6/eF6nD9D12Eg6MTtXUlS18eoATbZ60zF0rbxUHNA1+DUqqfnbnk9W13Fo+ynAAB714wGw06ZOAAAAAElFTkSuQmCC) 0 5 0 5; border-width: 0 5px 0 5px; } #topMenu .button { position: relative; // height: 28px; padding : 8px 8px 8px 8px; // margin-top: 16px; // line-height: 28px; -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAIAAACqmwlGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbVJREFUeNqUlEtLw0AUhSfJTRpTk5Za1FAfxS5sBVtfC7tQdOcv8C+6FURx50JBEUGwG0HrA5EqtlRtTNM0d+KtrqyCk8NAmJnzce7AzZW2do8ZY/d31bPjw1rt8aP1zn4qblq2nVkqr0xmc7QFzsOTw4PKxXkuX8xOLxqDZh/gOq1m42l/Z3u2OL+8sg63N9dXN1erG5sDg5aqarKi9AFWCofsiUw2f3q0Z49PKFZquLCwlkyPSrISMkaBfYsO6UrTDTORrpwdgazGreRw0OXsP5FNAgM0w0TOkCMTUCxugQxaFwMmJjIDIvMF6vkWmQlADFAYQAiQ+8IAmQF5SB/RBB72EroBj5TAAxR+A+fAMUQMBQEyR09w3I723hYEyAxM6kkQILPMIgqkHiYcQO0UOeELE45gElA9Ud4cvaTogApAv7qINQw5gCInE0bQ9YRa1fdSSVMuzuTcVoP4fwPIVipMyQroc/mxt5cH33P4X9OADumKDGRjEAPX62TskdF0qnJZfa6/eF6nD9D12Eg6MTtXUlS18eoATbZ60zF0rbxUHNA1+DUqqfnbnk9W13Fo+ynAAB714wGw06ZOAAAAAElFTkSuQmCC) 0 5 0 5; border-width: 0 5px 0 5px; } .toolbar .button { position: relative; height: 28px; padding : 8px 8px 8px 8px; margin-top: 16px; line-height: 28px; -webkit-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAeCAIAAACqmwlGAAACJWlDQ1BJQ0MgUHJvZmlsZQAAeJyVkstrE1EUh7+ZIJFSgsqYhSiMqCAYSx4Ws0yaPkibNtMkJQ+6SWbSJDqZDJNJrOKif4Erd65cCMGdImhdudSF4AOkCzduRHDlg65i08U4ExBC8cCF7xzOPY/fveD7XTVNXQTahm3llubkUrki+/fwIXGaE0xV1a6ZVJQME23/EwLAx6tV09Ql/V7659krxrXd79sz4pfNyfcACFilcgWEECA1HE4AUs3hAiDdsk0bhCYgqc2qBsJdIGQVcikQBkCg4fALIFBz+DUQ6KsNG4Q9IGxoLQPE40Bcq3dVEBPAltZV2yAOgIN2u6OBbwBcVk3LBt874GKpXJGdkXt/IPEMxK/j2OZnGOzAuTfj2IUhBH/B09449mMZARCguxWLAiBM9eHY8mi03wB/AIZPRqPh49HooAjiI/hwRu1Z/b96CcJbOMp3dnZ8eG+7NIkdXQAIw8MElHcg8wru78Cl5xB8ADmgCGIs5h5HQwCmU9lVJbkuR+LR2SOe/P+trffcPqeAaaO2lgWCwDfTVgoud/v5BZe3Wotpl7Xq/IrLd5qpNS/HWsy5fKO6rLhcNzbyXn1dyYx7zXn59e5CflyzUHTZ6uU2XL7ZWfHytfq8N5uhr3k1W3bam58UWVZRSLKOTIQ4UWbB+ZMAgZMgKUuxyPWXu/7z/+pk17dtgFTHvG21Gk1bTpqmXg/JaUOdCcnRcDjOIYF5rvXkqWSvAAABuklEQVQ4jZ2UMWtUQRDHZ3ZnffjuDOrlvEsMHAqCIgQDIqeNCF4hYmGs/AoWksLWKqUWqfwQgmnE6gQRRFIEIrFQEATRUw45TcK9Z97bNzMWp4LPIvsctvz/Zn+zLIOpjgHg7srz/rO3wy8fd5Mt+Lvs/ubc0Xbv0snlpYsAgKmOF2/11zc2a53eocZsY8qWgNEOfx99Tj70zy7Mrz7o4e17jx8+eT9/YbExZWuRseU8MEOSyWiHN1+u3rx23G65c7Onrx9rO7IoCizlIwpk8UBsOD7xev0F/TAznZbzhZY7/1Odlhu8a5O6wwVrwXvmAQB03zShjTK/d/tJoY0IQMMBACXl3If5AIByTiB+N5NQQjypcs6hSqpMyrkvqiip+PChVTyBCkvwK6mQihcOdVLxJNk2p8NAQLJtAgBAE6oEUCH6G0CsEEc0sU3D8zVKJjNUuKSqkvmPoasChiLQsK+hisYZFzfFJyF58UlUnzFXz7c4GYQAnAyudJuY6vjG0tqrN58obiHFaF1ZhL0WaZEOz5yae7TSxV+79f7a043xt9HXPM9KgHH1I9MHLy/Ul+90YbJbQ3z+1E898dPExYV7UAAAAABJRU5ErkJggg==) 0 5 0 5; border-width: 0 5px 0 5px; } #topMenu .txtOptionInput { vertical-align: baseline; } .popup li a {display:block; padding:1em; font-weight:bold; cursor:pointer;} .toolbar {height: 34px;} .selected .toolbar a {color:#FFF;} .selected .toolbar a:hover {color:#FFF;} .tagged { float:left; } .tagged li { display:inline; } .tagged { background:transparent !important; border:0 !important; } .tagged .button {color: [[ColorPalette::TiertiaryPale]] !important; } .tiddler {padding:0em 1em 0em 1em;} .tiddlerListItem .tiddlerListItemTitle, .tiddlerListItem .tiddlerListItemTitle a { line-height: 28px; font-size: 1.35em; color: #000; background: #FFF; text-decoration: none; } .tiddlerListItem { display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1woZERcgh0frmgAAALVJREFUeNrt1TEKAjEQheH/qZWNxd7GSmQX8QpewDN5BS8ggoiVt9nCZkufTXaJCxbirIU41YTAfCSZJLLN0DHiC/GjiKRSUhmNTHIAqFKO7dMQKxlneSVpGY7YPgLnbG4VBT2dSYIuPWgR3l22Dz1o/Sn0qoWvQJON55KmYYikGbAF2qI3YGe7ibonLVD0gDpku4YCOkTSCNgMAXSI7TuwT8VDAQDl/4mkIqF15Nul/6f1TjwAO6BGddCkxQkAAAAASUVORK5CYII=) no-repeat right center; padding-right: 24px; border:0; border-top:dashed 1px [[ColorPalette::TertiaryDark]]; } .tiddlerListItem a, .tiddlerListItem code { font-family: Arial; font-size: 1em; color: #333; background: #FFF; text-decoration: none; } .homeTitle { line-height: 28px; font-family: Arial; font-size: 2em; font-weight: bold; color:[[ColorPalette::SecondaryDark]]; background: #FFF; text-decoration: none; } /*}}}*/ /*{{{*/ @media print { #topMenu {display: none ! important;} } /*}}}*/
TiddlyHome 2.0 Beta