plugins: added query_editor
[unfold.git] / plugins / query_editor / query_editor.css
diff --git a/plugins/query_editor/query_editor.css b/plugins/query_editor/query_editor.css
new file mode 100644 (file)
index 0000000..5ef2875
--- /dev/null
@@ -0,0 +1,341 @@
+/* Add a scrollbar to autocomplete fields */
+.ui-autocomplete {
+        max-height: 100px;
+        overflow-y: auto;
+        /* prevent horizontal scrollbar */
+        overflow-x: hidden;
+        /* add padding to account for vertical scrollbar */
+        padding-right: 20px;
+        
+        /* NEED TO BE IMPROVED LATER... */
+        /* How to use properties from content class in /templates/myslice/css/myslice.css ? */
+        /* How to factorize this ? Maybe applied differently in other plugins ? */        
+        font-size: 11px;
+}
+.queryeditor-auto-filter{
+    width:200px;
+}
+/* IE 6 doesn't support max-height
+    * we use height instead, but this forces the menu to always be this tall
+    */
+* html .ui-autocomplete {
+        height: 100px;
+}
+
+table.columns {
+       margin: 0 auto;
+       clear: both;
+       /* width: 80%;*/
+       width: 300px;
+}
+
+table.columns thead th {
+       padding: 3px 18px 3px 3px; 
+       border-bottom: 1px solid black;
+       font-weight: bold;
+       cursor: pointer;
+       * cursor: hand;
+}
+
+table.columns tfoot th {
+       padding: 3px 18px 3px 10px;
+       border-top: 1px solid black;
+       font-weight: bold;
+}
+
+table.columns td {
+       padding: 3px 5px;
+}
+
+table.columns td.center {
+       text-align: center;
+}
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables row classes
+ */
+table.columns tr.odd.gradeA {
+       background-color: #ddffdd;
+}
+
+table.columns tr.even.gradeA {
+       background-color: #eeffee;
+}
+
+table.columns tr.odd.gradeC {
+       background-color: #ddddff;
+}
+
+table.columns tr.even.gradeC {
+       background-color: #eeeeff;
+}
+
+table.columns tr.odd.gradeX {
+       background-color: #ffdddd;
+}
+
+table.columns tr.even.gradeX {
+       background-color: #ffeeee;
+}
+
+table.columns tr.odd.gradeU {
+       background-color: #ddd;
+}
+
+table.columns tr.even.gradeU {
+       background-color: #eee;
+}
+
+/* change color: T / even -> odd +1 +5 -3*/
+table.columns tr.odd.row_sliver td {
+       background-color: #9FAFD1;
+}
+
+table.columns tr.even.row_added td {
+       background-color: #b1d19f;
+}
+table.columns tr.odd.row_added td {
+       background-color: #a3c98f;
+}
+
+table.columns tr.even.row_removed td {
+       background-color: #d9b0b0;
+}
+
+table.columns tr.odd.row_removed td {
+       background-color: #d1a09f;
+}
+
+table.columns tr.gradeA {
+       background-color: #eeffee;
+}
+
+table.columns tr.gradeC {
+       background-color: #ddddff;
+}
+
+table.columns tr.gradeX {
+       background-color: #ffdddd;
+}
+
+table.columns tr.gradeU {
+       background-color: #ddd;
+}
+
+
+
+
+div.selected{background-color:gray; color:black}
+
+/* icons */
+.myslice-icon-timestamp {
+    background-image: url('images/myslice-icon-timestamp.png') !important;
+}
+.myslice-icon-filter {
+    background-image: url('images/myslice-icon-filter.png') !important;
+}
+.myslice-icon-fields {
+    background-image: url('images/myslice-icon-fields.png') !important;
+}
+.myslice-icon-groups {
+    background-image: url('images/myslice-icon-groups.png') !important;
+}
+.myslice-icon-summary {
+    background-image: url('images/myslice-icon-summary.png') !important;
+}
+.myslice-icon-resources {
+    background-image: url('images/myslice-icon-resources.png') !important;
+}
+.myslice-icon-users {
+    background-image: url('images/myslice-icon-users.png') !important;
+}
+
+a.source-url{
+    font-weight: bold;
+}
+
+span.bold {
+    font-weight: bold;
+}
+
+div#selectdescr {
+    padding-top:2em;
+    color: #555555;
+}
+
+span.short {
+height:10px;
+}
+
+span.column-title {
+    font-size: 15px;
+    font-weight: bold;
+}
+
+span.column-detail {
+    font-size: 11px; 
+    font-style: italic;
+}
+
+span.group_info {
+    font-size: 11px; 
+    color: green;
+    font-weight: bold;
+}
+
+span.filter_info {
+    color: red;
+    font-weight: bold;
+}
+
+
+/* column configuation style */
+
+OPTION.out{background-color:white; color:black}
+OPTION.in{background-color:#CAE8EA; color:#4f6b72}
+
+/* jordan disabled
+div.out{background-color:white; color:black}
+div.in{background-color:#CAE8EA; color:#4f6b72}
+div.selected{background-color:gray; color:black}
+div.invisible{display:none}
+*/
+
+div.note-div {
+       padding: 4px;
+       background-color: #cae8ea;
+       width: 800px;
+       margin-left:auto;
+       margin-right:auto;
+
+}
+
+div#scrolldiv_old {
+       border : solid 2px grey; 
+       padding:4px; 
+       width:300px; 
+       height:180px; 
+       overflow:auto;
+}
+
+th,td.top {
+       vertical-align: top;
+       text-align: left;
+       padding:10px;
+}
+
+tr.hidden {
+    display:none;
+}
+
+td.smallright {
+       text-align: right;
+       width:20px;
+}
+
+table.center {
+       margin-left:auto; 
+       margin-right:auto;
+}
+
+table.columnlist {
+       width:270px;
+}
+
+table.columns td.header {
+       background-color: #CAE8EA;
+       text-align: center;
+       width:30px;
+}
+
+span.header {
+       font-weight: bold;
+       color: #3399CC;
+}
+
+a.source-url{
+        font-weight: bold;
+}
+
+span.menubig {
+        font-size: 16px;
+        font-weight: bold;
+}
+
+span.menusmall {
+        font-size: 14px;
+        font-weight: bold;
+}
+
+span.menuright {
+        font-weight: bold;
+       float: right;
+}
+
+span.simpleright {
+       float: right;
+}
+
+span.gray{
+        color: #555555;
+}
+
+span.short {
+       height:10px;
+}
+
+span.column-title {
+        font-size: 13px;
+        font-weight: bold;
+}
+
+span.column-detail {
+        font-size: 11px; 
+        font-style: italic;
+}
+
+span.myslice_small {
+        font-size: 11px; 
+}
+
+span#username {
+    font-weight: bold;
+    font-size: 1.3em;
+}
+
+.filter_popup{
+    position:relative; /*this is the key*/
+    float: right;
+    z-index:24;
+    background: url('images/myslice-icon-filter.png') no-repeat;
+    //background-color:#ccc;
+    width: 200px;
+    height: 300px;
+    color:#000;
+    text-decoration:none;
+    clear: both;
+}
+
+.filter_popup:hover{
+    z-index:25;
+    //background-color:#ff0
+}
+
+.filter_popup span{display: none}
+
+.filter_popup:hover span{ /*the span will display just on :hover state*/
+    display:block;
+    position:absolute;
+    //top:1em;
+    left:-19em;
+    width: 20em;
+    font-size: 8pt;
+    border:1px solid #ccdddd;
+    background-color:#ddeeee;
+    color:#000;
+    text-align: left;
+    padding: 0em 0em 0em 1em;
+}
+
+