f7956d1ab7
A step closer to working like standard accounting programs where you click an account to see transactions "in" that account. acct:PAT (or just PAT) now matches the other postings in transactions matching the account pattern, like ledger --related. When matching an account (or several) this way, the unmatched accounts are dimmed to clarify what's happening. Still to do: fix the sign of the running total, and find out how this style of search will really coexist with the other ways of searching.
261 lines
9.2 KiB
CSS
261 lines
9.2 KiB
CSS
/* hledger web ui styles */
|
|
|
|
/*------------------------------------------------------------------------------------------*/
|
|
/* 1. colours */
|
|
|
|
/* green */
|
|
body { background-color:; }
|
|
.registerreport .odd { background-color:#ded; }
|
|
.filtering { background-color:#ded; }
|
|
/* #main { border-color:#ded; } see below */
|
|
/* .journalreport td { border-color:thin solid #ded; } see below */
|
|
|
|
/* white */
|
|
/* body { background-color:#fff; } */
|
|
/* .registerreport .odd { background-color:#eee; } */
|
|
/* .filtering { background-color:#ddd; } */
|
|
/* #main { border-color:#eee; } see below */
|
|
/* .journalreport td { border-color:thin solid #eee; } see below */
|
|
|
|
#message { color:red; background-color:#fee; }
|
|
#addform input.textinput, #addform .dhx_combo_input, .dhx_combo_list { background-color:#eee; }
|
|
#editform textarea { background-color:#eee; }
|
|
.negative { color:#800; }
|
|
|
|
.balancereport .inacct { /*background-color:#f0f0f0;*/ }
|
|
.notinacct, .notinacct :link, .notinacct :visited, .notinacct .negative { color:#aaa; }
|
|
|
|
/*------------------------------------------------------------------------------------------*/
|
|
/* 2. font families & sizes */
|
|
/* overspecified for cross-browser robustness */
|
|
body { font-family:helvetica,arial,"sans serif"; }
|
|
pre { font-family:courier,"courier new",monospace; }
|
|
input.textinput, .dhx_combo_input, .dhx_combo_list { font-size:small; }
|
|
#editform textarea { font-family:courier,"courier new",monospace; font-size:small; }
|
|
.nav2 { font-size:small; }
|
|
#filterform { font-size:small; }
|
|
.topleftlink { font-size:small; }
|
|
.toprightlink { font-size:small; }
|
|
#journaldesc { font-size:small; }
|
|
.help { font-size:smaller; }
|
|
.form { font-size:small; }
|
|
.journalreport { font-size:small; }
|
|
.balancereport { font-size:small; }
|
|
.registerreport { font-size:small; }
|
|
.showall { font-size:small; }
|
|
/* #addformlink { font-size:small; } */
|
|
/* #editformlink { font-size:small; } */
|
|
|
|
/*------------------------------------------------------------------------------------------*/
|
|
/* 3. layout */
|
|
|
|
body { margin:0; }
|
|
#content { padding:1em 0 0 0.5em; }
|
|
|
|
#topbar { padding:2px; }
|
|
.topleftlink { float:left; margin-right:1em; padding:2px; }
|
|
.toprightlink { float:right; margin-left:1em; padding:2px; }
|
|
#topbar h1 { display:inline-block; vertical-align:top; margin:0; }
|
|
#journalinfo { vertical-align:middle; margin:0; }
|
|
/* #topbar { padding:4px; border-bottom:2px solid #ddd; } */
|
|
|
|
#message { margin:0.5em;}
|
|
.help { font-style: italic; }
|
|
.helprow td { padding-bottom:8px; }
|
|
|
|
#sidebar { float:left; padding-right:1em; margin-bottom:5em; }
|
|
|
|
#main { overflow:auto; border-left:thin solid #ded; padding-left:1em; }
|
|
|
|
#navlinks { margin-bottom:1em; }
|
|
.navlink { }
|
|
.navlinkcurrent { font-weight:bold; }
|
|
.form { margin:0em; }
|
|
|
|
#filterformdiv { margin:0 0 1em 0; white-space:nowrap; }
|
|
#filterform { margin:0; }
|
|
#filterform span { padding:4px; }
|
|
#stopfilterlink { font-weight:bold; }
|
|
.filtering { font-weight:bold; }
|
|
|
|
#main .journal { }
|
|
#main .register { }
|
|
.current { font-weight:bold; }
|
|
.description { padding-left:1em; white-space:normal; }
|
|
.account { white-space:normal; padding-left:1em; }
|
|
.amount { white-space:nowrap; padding-left:1em; }
|
|
.balance { white-space:nowrap; padding-left:1em; }
|
|
.account, .amount, .balance { width:2em; } /* minimum width */
|
|
.positive { }
|
|
|
|
table.journalreport { border-spacing: 0; }
|
|
.journalreport td { border-top:thin solid #ded; }
|
|
.journalreport pre { margin-top:0; }
|
|
|
|
.balancereport { border-spacing:0; }
|
|
.balancereport tr { vertical-align:bottom; border-spacing:0; }
|
|
.balancereport .title { white-space:nowrap; }
|
|
.balancereport .item { }
|
|
.balancereport .depth0 { padding-top:1em; }
|
|
.balancereport td { padding:0; }
|
|
.totalrule td { border-top:thin solid black; }
|
|
|
|
table.registerreport { border-spacing:0; }
|
|
.registerreport tr { vertical-align:top; }
|
|
.registerreport td { padding-bottom:0.2em; }
|
|
.registerreport .date { white-space:nowrap; }
|
|
.firstposting td { }
|
|
#accountsheading { white-space:nowrap; margin-bottom:1em; }
|
|
|
|
|
|
#addform input.textinput, #addform .dhx_combo_input, .dhx_combo_list { padding:4px; }
|
|
#addform table { }
|
|
#addform #addbuttonrow { text-align:right; }
|
|
/* #editform { width:95%; } */
|
|
#editform textarea { width:100%; padding:4px; }
|
|
#filterform table { border-spacing:0; padding-left:0em; }
|
|
|
|
|
|
/*------------------------------------------------------------------------------------------*/
|
|
/* 4. dhtmlx.com auto-completing combo box styles */
|
|
|
|
.dhx_combo_input{
|
|
/* color:#333333; */
|
|
/* font-family: Arial; */
|
|
/* font-size: 9pt; */
|
|
/* border:0px; */
|
|
/* padding:2px 2px 2px 2px; */
|
|
/* position:absolute; */
|
|
/* top:0px; */
|
|
}
|
|
|
|
/* table {border:thin solid red} */
|
|
/* div {border:thin solid yellow} */
|
|
|
|
.dhx_combo_box{
|
|
position:relative;
|
|
display:inline-block;
|
|
/* text-align:left; */
|
|
/* height:20px; */
|
|
/* _height:22px; */
|
|
/* overflow:hidden; */
|
|
/* background-color: white; */
|
|
}
|
|
|
|
.dhx_combo_list{
|
|
position:absolute;
|
|
z-index:230;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
white-space:nowrap;
|
|
border:1px solid black;
|
|
height:50%;
|
|
/* background-color: white; */
|
|
}
|
|
|
|
.dhx_combo_list div{
|
|
cursor:default;
|
|
padding:2px 2px 2px 2px;
|
|
}
|
|
|
|
.dhx_selected_option{
|
|
background-color:navy;
|
|
color:white;
|
|
}
|
|
|
|
.dhx_combo_img{
|
|
/* display:none; */
|
|
width:18px;
|
|
height:20px;
|
|
position:absolute;
|
|
top:12px;
|
|
right:-10px;
|
|
}
|
|
|
|
.dhx_combo_option_img{
|
|
position:relative;
|
|
top:1px;
|
|
margin:0px;
|
|
margin-left:2px;
|
|
left:0px;
|
|
width:18px; height:18px;
|
|
}
|
|
|
|
/* .combo_dhx_sel{ */
|
|
/* .dhx_selected_option{ */
|
|
/* background-image: url("../static/images/bg_selection.gif") !important; */
|
|
/* background-position: bottom; */
|
|
/* background-repeat: repeat-x; */
|
|
/* color:black; */
|
|
/* } */
|
|
|
|
|
|
|
|
/* .dhx_combo_img_rtl{ */
|
|
/* position:absolute; */
|
|
/* top:0px; */
|
|
/* left:1px; */
|
|
/* width:17px; */
|
|
/* height:20px; */
|
|
/* } */
|
|
/* .dhx_combo_option_img_rtl{ */
|
|
/* float:right; */
|
|
/* margin-right :0px; */
|
|
/* width:18px; height:18px; */
|
|
/* } */
|
|
|
|
/* .dhx_combo_list_rtl{ */
|
|
/* direction: rtl; */
|
|
/* unicode-bidi : bidi-override; */
|
|
/* position:absolute; */
|
|
/* z-index:230; */
|
|
/* overflow-y:auto; */
|
|
/* overflow-x:hidden; */
|
|
/* border:1px solid black; */
|
|
/* height:100px; */
|
|
/* /\* font-family: Arial; *\/ */
|
|
/* font-size: 9pt; */
|
|
/* background-color: white; */
|
|
/* } */
|
|
/* .dhx_combo_list_rtl div{ */
|
|
/* direction: rtl; */
|
|
/* unicode-bidi : bidi-override; */
|
|
/* padding:2px 2px 2px 2px; */
|
|
/* } */
|
|
/* .dhx_combo_list_rtl div div{ */
|
|
/* float :right !important; */
|
|
/* cursor:default; */
|
|
/* } */
|
|
/* .dhx_combo_list_rtl div img{ */
|
|
/* float :right !important; */
|
|
/* } */
|
|
/* .dhx_combo_list_rtl div input{ */
|
|
/* float :right !important; */
|
|
/* } */
|
|
|
|
/* .dhx_combo_box.dhx_skyblue{ */
|
|
/* border:1px solid #a4bed4; */
|
|
/* } */
|
|
/* .dhx_combo_box.dhx_skyblue .dhx_combo_input { */
|
|
/* font-family:Tahoma; */
|
|
/* font-size: 11px; */
|
|
/* padding:3px; */
|
|
/* } */
|
|
/* .dhx_combo_list.dhx_skyblue_list{ */
|
|
/* background-color: #eaf2fb; */
|
|
/* border:1px solid #a4bed4; */
|
|
/* font-family:Tahoma; */
|
|
/* font-size: 11px; */
|
|
/* } */
|
|
/* .dhx_combo_list.dhx_skyblue_list div{ */
|
|
/* cursor:default; */
|
|
/* padding:3px 4px; */
|
|
/* } */
|
|
/* .dhx_combo_list_rtl.dhx_skyblue_list{ */
|
|
/* background-color: #eaf2fb; */
|
|
/* border:1px solid #a4bed4; */
|
|
/* font-family:Tahoma; */
|
|
/* font-size: 11px; */
|
|
/* } */
|
|
|