| 1 | |
|---|
| 2 | /*********************/ |
|---|
| 3 | /* basic page layout */ |
|---|
| 4 | #header { height: 70px; } |
|---|
| 5 | #top-menu {position: absolute; right: 20px; top: 10px; } |
|---|
| 6 | #left-menu {float: left; width:250px; height:500px; overflow:auto;} |
|---|
| 7 | #main {margin-left:260px; /* max-width: .. */} |
|---|
| 8 | #query-input {max-width: 600px;} |
|---|
| 9 | #notify {max-width: 400px; position: relative; overflow: auto; height: 40px;} |
|---|
| 10 | #user {text-align: right;} |
|---|
| 11 | #welcome {max-width: 600px; padding: 10px;} |
|---|
| 12 | |
|---|
| 13 | /* ******************** */ |
|---|
| 14 | /* look and feel, fonts */ |
|---|
| 15 | body { font-size: 12px; font-family: Helvetica,Tahoma,Arial,Verdana,sans-serif;} |
|---|
| 16 | #site-name { font-family: Helvetica, Tahoma, Verdana, sans-serif; font-size: 24px; color: #014172; /* #040288 #666699; */ display:inline; padding-left: 20px; position:absolute; top:24px} |
|---|
| 17 | #welcome h3 { color: #014172;} |
|---|
| 18 | |
|---|
| 19 | .note { font-size: 0.9em; color: #9999aa; } |
|---|
| 20 | .data {display: none; } |
|---|
| 21 | .hilight { font-size: 1.1em; font-weight: bold} |
|---|
| 22 | /* this is temporary for MdREcordView-Titlebar; -> move to ui-box-header */ |
|---|
| 23 | .box_heading { background-color: #014172; color: #FAFAFF; font-weight: bold; padding: 2px; } |
|---|
| 24 | |
|---|
| 25 | |
|---|
| 26 | /* ************* */ |
|---|
| 27 | /* html-elements */ |
|---|
| 28 | |
|---|
| 29 | a, .ui-widget-content a { text-decoration: none; color:#AC3333; } |
|---|
| 30 | a.external {border-bottom: 1px solid #A6C9E2; } |
|---|
| 31 | |
|---|
| 32 | label, .label, .cmds-elem-prop .label { font-size: 0.9em; color: #014172; font-style: italic; } |
|---|
| 33 | ul { padding-left: 4px; list-style-type: none; margin: 0;} |
|---|
| 34 | li { background: url('imgs/icon-dot-4.png') no-repeat; background-position: 0px 5px; padding-left: 8px; } |
|---|
| 35 | a img { border:0; } |
|---|
| 36 | |
|---|
| 37 | .treeview, |
|---|
| 38 | .treeview ul { |
|---|
| 39 | list-style-image:none; |
|---|
| 40 | list-style-position:outside; |
|---|
| 41 | list-style-type:none; |
|---|
| 42 | margin:0; |
|---|
| 43 | padding:0; |
|---|
| 44 | background-color: inherit; |
|---|
| 45 | } |
|---|
| 46 | |
|---|
| 47 | table.show { border: 1px solid #A6C9E2; } |
|---|
| 48 | table.show, table.show table, table.show td { border: 1px solid #A6C9E2; border-collapse: collapse; vertical-align: top; } |
|---|
| 49 | |
|---|
| 50 | |
|---|
| 51 | /* jquery-ui overlay */ |
|---|
| 52 | |
|---|
| 53 | .ui-accordion .ui-accordion-header { padding-left: 12px; } |
|---|
| 54 | .ui-accordion .ui-accordion-header .ui-icon { left: -0.2em; } |
|---|
| 55 | |
|---|
| 56 | .ui-accordion .ui-accordion-content { padding: 4px 8px; } |
|---|
| 57 | |
|---|
| 58 | .ui-widget-header { padding-left: 6px; } |
|---|
| 59 | .ui-widget-content { padding: 6px; } |
|---|
| 60 | |
|---|
| 61 | .cmds-ui-block { margin: 2px; } |
|---|
| 62 | |
|---|
| 63 | .ui-context-dialog { position:absolute; border 1px solid #A6C9E2; background-color: #faffff; } |
|---|
| 64 | |
|---|
| 65 | .cmds-elem-plus .detail { display: none; border: 1px solid #A6C9E2;} |
|---|
| 66 | |
|---|
| 67 | .cmds-elem-prop {} |
|---|
| 68 | |
|---|
| 69 | .cmds-elem-prop .label { } |
|---|
| 70 | .cmds-elem-prop .value {} |
|---|
| 71 | |
|---|
| 72 | .value-text {} |
|---|
| 73 | .value-unspecified {} |
|---|
| 74 | .value-empty {} |
|---|
| 75 | .number { text-align: right;} |
|---|
| 76 | |
|---|
| 77 | .cmds-xmlelem { border: 1px solid #A6C9E2; margin: 4px;} |
|---|
| 78 | .cmds-xmlelem .attributes .label {} |
|---|
| 79 | .cmds-xmlelem .attributes .value {} |
|---|
| 80 | |
|---|
| 81 | |
|---|
| 82 | .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget area, .ui-widget button |
|---|
| 83 | { border: 1px solid #A6C9E2; margin: 1px; } |
|---|
| 84 | |
|---|
| 85 | /*********************************** */ |
|---|
| 86 | /* input ui-elements - positioning */ |
|---|
| 87 | |
|---|
| 88 | .cmds-ui-elem-stretch {width: 100%;} |
|---|
| 89 | |
|---|
| 90 | |
|---|
| 91 | /* form#searchretrieve { margin-top: 12px;} */ |
|---|
| 92 | /* hack for IE */ |
|---|
| 93 | .wwFormTable {width: 100%; } |
|---|
| 94 | #input-simplequery { width: 85%; margin: 12px 0px 6px 0px; font-size: 1.2em;} |
|---|
| 95 | #submit-query {} |
|---|
| 96 | #searchclauselist {margin: 12px 0px;} |
|---|
| 97 | .searchclause { } |
|---|
| 98 | .and_level {border-top: 1px solid #9999cc; margin: 2px 0px;} |
|---|
| 99 | .or_level {border: none ; } |
|---|
| 100 | |
|---|
| 101 | .sc-wrapper { margin: 1px 0px; } |
|---|
| 102 | .index-input { width:40%; } |
|---|
| 103 | .rel_input { width:8%; } |
|---|
| 104 | .value_input { width:32%; } |
|---|
| 105 | .sc_cmds { } |
|---|
| 106 | .paging-input { width: 3em; text-align: right; height: 1em;} |
|---|
| 107 | |
|---|
| 108 | .result-header { float: right; } |
|---|
| 109 | .query {margin-right: 4px;} |
|---|
| 110 | |
|---|
| 111 | .sc-wrapper .index-context { display: none; border: 1px solid #A6C9E2;} |
|---|
| 112 | |
|---|
| 113 | .columns-wrapper { right:0px;} |
|---|
| 114 | |
|---|
| 115 | /* command icons */ |
|---|
| 116 | |
|---|
| 117 | .cmd { |
|---|
| 118 | display: inline-block; |
|---|
| 119 | width: 12px; |
|---|
| 120 | height: 12px; |
|---|
| 121 | background: no-repeat center center; |
|---|
| 122 | margin: 0px 1px; |
|---|
| 123 | position: relative; |
|---|
| 124 | top: 2px; |
|---|
| 125 | border: 1px solid #fafaff; |
|---|
| 126 | } |
|---|
| 127 | a.cmd { width: auto; height:auto; top: 0px; } |
|---|
| 128 | |
|---|
| 129 | .cmd:hover { border: 1px solid #A6C9E2; } |
|---|
| 130 | |
|---|
| 131 | #submit-query { background: url("imgs/cdb-icon-load.png") no-repeat 2px center #D0E5F5; padding-left: 14px; color:#014172; } |
|---|
| 132 | |
|---|
| 133 | .cmd_add { background-image: url("imgs/cdb-icon-add.png");} |
|---|
| 134 | .cmd_add_and { background-image: url("imgs/icon_add_and.png");} |
|---|
| 135 | .cmd_add_or { background-image: url("imgs/icon_add_or.png");} |
|---|
| 136 | .cmd_columns { background-image: url("imgs/cdb-icon-columns.png");} |
|---|
| 137 | .cmd_del { background-image: url("imgs/cdb-icon-del.png");} |
|---|
| 138 | .cmd_detail { background-image: url("imgs/cdb-icon-detail.png");} |
|---|
| 139 | .cmd_down { background-image: url("imgs/cdb-icon-down.png"); } |
|---|
| 140 | .cmd_filter { background-image: url("imgs/cdb-icon-filter.png"); } |
|---|
| 141 | .cmd_get { background-image: url("imgs/icon_get.gif");} |
|---|
| 142 | .cmd_load { background-image: url("imgs/cdb-icon-load.png");} |
|---|
| 143 | .cmd_reload { background-image: url("imgs/cdb-icon-load.png");} |
|---|
| 144 | .cmd_resubmit { background-image: url("imgs/cdb-icon-.png");} |
|---|
| 145 | .cmd_save { background-image: url("imgs/cdb-icon-save.png");} |
|---|
| 146 | .cmd_sc_delete { background-image: url("imgs/cdb-icon-del.png");} |
|---|
| 147 | .cmd_up { background-image: url("imgs/cdb-icon-up.png");} |
|---|
| 148 | .cmd_prev { background-image: url("imgs/cdb-icon-prev.png");} |
|---|
| 149 | .cmd_next { background-image: url("imgs/cdb-icon-next.png");} |
|---|
