widget_list 1.0.1 → 1.0.2

data/vendor/assets/stylesheets/widget_list.css

@@ -0,0 +1,775 @@
+
+.horizontal_rule
+{
+   margin:10px 0 10px;
+   padding:0;
+   background: #494949;
+   height:3px;
+}
+
+table.list
+{
+   border: 1px solid #CCCCCC;
+}
+
+
+table.list tbody tr td span
+{
+   width:auto;
+}
+
+/**
+* Large Buttons
+*/
+div.btn_outer
+{
+    position:relative;
+    background: transparent url('../images/buttons/regular/green/rightside-regular-btn.png') no-repeat scroll top right;
+    display: inline;
+    float: left;
+    font: normal 12px arial, sans-serif;
+    height: 27px;
+    padding-right: 13px;
+    text-decoration: none;
+    cursor:pointer;
+    padding-left:3px;
+}
+
+div.btn_outer div.btn_inner
+{
+    background: transparent url('../assets/images/buttons/regular/green/leftside-regular-btn.png') no-repeat;
+    display: block;
+    line-height: 14px;
+    padding: 5px 0 0px 12px;
+    height: 22px;
+}
+
+div.btn_outer:active div.btn_inner
+{
+    background-position: bottom left;
+    outline: none;
+}
+
+div.btn_outer:active
+{
+    background-position: bottom right;
+    outline: none;
+}
+
+div.btn_outer div.btn_inner div.text
+{
+    line-height: 14px;
+    height: 26px;
+    color:#666666;
+    left:0;
+    top:1px;
+    font-size:14px;
+    font-weight:600;
+    position: relative;
+}
+
+div.btn_outer div.btn_inner div.textShadow
+{
+    line-height: 14px;
+    height: 26px;
+    color:#FFFFFF;
+    left:0px;
+    font-size:14px;
+    font-weight:600;
+    margin-top: -26px;
+    position: relative;
+}
+
+/**
+* Small Buttons
+*/
+div.btn_sml_outer
+{
+    position:relative;
+    background: transparent url('../assets/images/buttons/small/green/rightside-small-btn.png') no-repeat scroll top right;
+    display: inline;
+    float: left;
+    font: normal 12px arial, sans-serif;
+    height: 19px;
+    padding-right: 13px;
+    text-decoration: none;
+    cursor:pointer;
+    padding-left:3px;
+}
+
+div.btn_sml_outer div.btn_sml_inner
+{
+    background: transparent url('../assets/images/buttons/small/green/leftside-small-btn.png') no-repeat;
+    display: block;
+    line-height: 8px;
+    padding: 5px 0 0px 8px;
+    height: 14px;
+}
+
+div.btn_sml_outer:active div.btn_sml_inner
+{
+    background-position: bottom left;
+    outline: none;
+}
+
+div.btn_sml_outer:active
+{
+    background-position: bottom right;
+    outline: none;
+}
+
+div.btn_sml_outer div.btn_sml_inner div.text
+{
+    line-height: 12px;
+    height: 20px;
+    color:#666666;
+    left:2px;
+    top: -2px;
+    font-size:11px;
+    font-weight:800;
+    position: relative;
+}
+
+div.btn_sml_outer div.btn_sml_inner div.textShadow
+{
+    line-height: 12px;
+    height: 20px;
+    color:#FFFFFF;
+    left:2px;
+    font-size:11px;
+    font-weight:800;
+    margin-top: -23px;
+    position: relative;
+}
+
+div.widgetSearchBox span.right input
+{
+   border: none;
+   padding: 2px !important;
+   margin: 3px 10px;
+   width: 175px;
+}
+
+
+.tableBlowOutPreventer
+{
+   width:100%;
+   word-wrap:break-word;
+}
+
+div.required
+{
+   font-size:12px;
+   color:#b70a0a;
+   padding:4px;
+   display:inline;
+   top:6px;
+   position:relative
+}
+
+.buttonArea
+{
+   /*background: url("../assets/images/grad.png") repeat-x scroll 0 0 transparent;*/
+   background-color:#ececec ;
+   height:50px;
+   text-align:right;
+   width:100%;
+}
+
+.buttonArea .container
+{
+   float:right;
+   margin-top:10px;
+   margin-right:10px;
+}
+
+/*
+ * Legacy Pagination
+ */
+
+ul#pagination
+{
+   float:left;
+   padding:0;
+   top:0;
+   font-size: 12px;
+}
+
+ul#pagination li
+{
+   list-style:none;
+   display:inline;
+}
+
+ul#pagination li div
+{
+   border:solid 0px #DDDDDD;
+   margin-right:2px;
+   margin-top:0px;
+   padding:2px 6px;
+   cursor:pointer;
+   display:inline-block;
+}
+
+ul#pagination li div.active
+{
+   background-color:#CCCCCC;
+}
+
+/*
+ * List container
+ *
+ *
+ */
+.listContainer, .listContainerPassive
+{
+   border:0px solid #CCCCCC;
+   list-style:none;
+   padding:0px;
+   margin:0px;
+   position:relative;
+}
+
+.listContainer .listTitle, .listContainerPassive .listTitle
+{
+   color:#636363;
+   font-size:18px;
+   font-weight:800;
+   background-color:#737373;
+   padding:14px;
+   background: transparent;
+}
+
+.listContainer table.list, .listContainerPassive table.list
+{
+   position:relative;
+   margin:0px;
+   padding:0px;
+}
+
+.listContainer table.list tr.list_header, .listContainerPassive table.list tr.list_header
+{
+   color:#4B4B4B;
+   /*background-color:#acacac; */
+   font-size:13px;
+   font-weight:bold;
+   height:40px;
+   /*background: transparent url('../assets/images/catbar-bg.png') repeat-x bottom;*/
+}
+
+.listContainer table.list td, .listContainerPassive table.list td
+{
+   padding:5px;
+}
+
+.listContainer #listPages, .listContainerPassive #listPages
+{
+   position:relative;
+   float:left;
+   padding:0px;
+   width:100%;
+   border:0px solid red;
+}
+
+.listContainerPassive .listTitle
+{
+   color:#636363;
+   font-size:18px;
+   font-weight:800;
+   background-color:#737373;
+   padding:14px;
+   background: transparent;
+}
+
+div#noListResults
+{
+   padding:15px;
+   /*font-size:18px;
+   color:#636363; */
+   text-align:center
+}
+
+.ajaxLoad
+{
+   background: #737373 url('../assets/images/list-loader.gif') no-repeat;
+   background-position:50% 50%;
+   position:absolute;
+   width:100%;
+   text-align:center;
+   z-index:10;
+   margin:0;
+   left:0px;
+/*  filter: alpha(opacity=40);
+  -khtml-opacity: 0.40;
+  -moz-opacity: 0.40;
+  opacity: 0.40;*/
+}
+
+.listContainerPassive table.list td
+{
+   text-align:center;
+   border-bottom:1px solid #CCCCCC;
+   padding:10px;
+}
+
+.listContainerPassive table.list tr.list_header
+{
+    /*background: url("../assets/images/th_header.gif") repeat-x scroll left center transparent;  */
+    padding: 4px;
+    text-align: center;
+    vertical-align: middle;
+    color:#494949;
+    background-color: #ececec;
+    font-size:13px;
+}
+
+/**
+* Widget search
+*/
+div.widgetSearchBox
+{
+   height:55px;
+}
+
+table.searchBox
+{
+   border: 1px solid #CCCCCC;
+   width:500px;
+   height:100px;
+   padding:0px
+}
+
+table.searchBox td
+{
+   padding:10px;
+}
+
+table.searchBox td.label
+{
+   width:100px;
+   font-size:14px;
+   color:#494949;
+}
+
+.searchBox .header
+{
+   background: none repeat scroll 0 0 #ECECEC;
+   color: #494949;
+   height: 30px;
+   margin: 0;
+}
+
+#pageSelectDropDown, #pageSelectDropDown2
+{
+   padding:0px;
+   font-size: 12px;
+   border:1px solid #C0C0C0;
+   -moz-border-radius:0px;
+   -border-radius:0px;
+   -border-radius:0px;
+   -webkit-border-radius:0px;
+   padding:0px;
+}
+
+.btn.danger,
+.alert-message.danger,
+.btn.danger:hover,
+.alert-message.danger:hover,
+.btn.error,
+.alert-message.error,
+.btn.error:hover,
+.alert-message.error:hover,
+.btn.success,
+.alert-message.success,
+.btn.success:hover,
+.alert-message.success:hover,
+.btn.info,
+.alert-message.info,
+.btn.info:hover,
+.alert-message.info:hover
+{
+  color: #ffffff;
+}
+
+.btn.danger,
+.alert-message.danger,
+.btn.error,
+.alert-message.error
+{
+  background-color: #c43c35;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(top, #ee5f5b, #c43c35);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #c43c35 #c43c35 #882a25;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
+
+.btn.success, .alert-message.success
+{
+  background-color: #91b32b;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#97C900), to(#91b32b));
+  background-image: -moz-linear-gradient(top, #97C900, #91b32b);
+  background-image: -ms-linear-gradient(top, #97C900, #91b32b);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #97C900), color-stop(100%, #91b32b));
+  background-image: -webkit-linear-gradient(top, #97C900, #91b32b);
+  background-image: -o-linear-gradient(top, #97C900, #91b32b);
+  background-image: linear-gradient(top, #97C900, #91b32b);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97C900', endColorstr='#91b32b', GradientType=0);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #91b32b #91b32b #97C900;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
+
+
+.btn.info, .alert-message.info
+{
+  background-color: #339bb9;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(top, #5bc0de, #339bb9);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #339bb9 #339bb9 #22697d;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
+
+a.btn
+{
+  cursor: pointer;
+  display: inline-block;
+  background-color: #e6e6e6;
+  background-repeat: no-repeat;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
+  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
+  padding: 5px 14px 6px;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  color: #333;
+  font-size: 13px;
+  line-height: normal;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -webkit-transition: 0.1s linear all;
+  -moz-transition: 0.1s linear all;
+  transition: 0.1s linear all;
+  text-decoration: none;
+  position:relative;
+  margin-left:2px;
+}
+
+
+.btn:hover
+{
+  background-position: 0 -15px;
+  color: #333;
+  text-decoration: none;
+}
+
+
+.btn.primary
+{
+  color: #fff;
+  background-color: #0064cd;
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
+  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
+  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
+  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
+  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
+  background-image: linear-gradient(top, #049cdb, #0064cd);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #0064cd #0064cd #003f81;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+}
+
+.btn:active
+{
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.btn.disabled
+{
+  cursor: default;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  filter: alpha(opacity=65);
+  -khtml-opacity: 0.65;
+  -moz-opacity: 0.65;
+  opacity: 0.65;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+
+.btn[disabled]
+{
+  cursor: default;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  filter: alpha(opacity=65);
+  -khtml-opacity: 0.65;
+  -moz-opacity: 0.65;
+  opacity: 0.65;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+.btn.large
+{
+  font-size: 16px;
+  line-height: normal;
+  padding: 9px 14px 9px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+}
+
+
+.btn.small
+{
+  padding: 4px 9px 4px;
+  font-size: 11px;
+  font-weight: normal !important;
+}
+
+button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner
+{
+  padding: 0;
+  border: 0;
+}
+
+/**
+* Dynamic width imput fields
+*
+* The max width that is supported for an input field is 708px using input_text_left.png
+*/
+div.inputOuter
+{
+    position:relative;
+    background: transparent url('../assets/images/input_text_right.png') no-repeat scroll top right;
+    display: inline-block;
+    height: 27px;
+    line-height: 27px;
+    padding-right: 6px;
+    text-decoration: none;
+}
+
+
+div.inputOuter .inputInner {position:relative;background: transparent url('../assets/images/input_text_left.png') no-repeat scroll top left;border: none;height: 27px;line-height: 27px;padding-left: 6px;width: auto;padding-right: 7px;}
+div.inputOuter .inputInner input {margin:6px 0 0 6px;border:none;background:transparent;width:100%}
+div.inputOuter .inputInner input.search-ahead {width:97%}
+
+/**
+* Input box with an initial message
+*/
+.info-input {}
+.info-input-field-active{font-style: normal;}
+.info-input-field-inactive{color: #b4b3b3;font-style: italic;}
+
+/**
+* Avanced Search Template Container - most outer wrapper
+*/
+.widget-search-drilldown {border:2px solid #dadada;border-top:none;box-shadow: 0 2px 4px #c0c0c0;padding: 4px 0px 4px 4px;position: absolute;width: 98%;z-index: 1000;background-color:#FFFFFF;display:none;margin-left:1px;}
+
+/**
+* Advanced Search Down Arrow
+*/
+.widget-search-arrow {background: url('../assets/images/gobblecons/mid-gray/arrow-16.png') no-repeat scroll 0px 0px transparent;float:right;margin:8px;position: relative;right:-23px;top:-30px;cursor:pointer;border:0px solid red;height:20px;width:20px;display:none}
+.widget-search-arrow:hover {background: url('../assets/images/gobblecons/lime/arrow-16.png') no-repeat scroll 0px 0px transparent;}
+
+/**
+* Search Ahead Magifier Glass
+*/
+.widget-search-magnifier {background: url('../assets/images/gobblecons/mid-gray/search-16.png') no-repeat scroll 0px 0px transparent;float:right;margin:7px;position: relative;right:-13px;top:-30px;cursor:pointer;border:0px solid red;height:20px;width:20px}
+.widget-search-magnifier:hover {background: url('../assets/images/gobblecons/lime/search-16.png') no-repeat scroll 0px 0px transparent}
+
+/**
+* Advanced Search Close Button
+*/
+.widget-search-drilldown-close {font-weight:900;font-size:12px; color:#494949;float:right;cursor:pointer;padding:4px;margin-right:10px;top:20px;position:relative;line-height: 0px;}
+.widget-search-drilldown-close:hover {color:#C0C0C0;}
+
+/**
+* Avanced Search Template Components
+*
+* .widget-search-outer must be greater than the z-index of .ajaxLoad which is current 10
+*/
+.widget-search-outer {z-index: 11;margin-bottom: 10px;}
+div#advanced-search-container {height:100%;}
+   div#advanced-search-container h3 {color:#868686;}
+
+.advanced-search-from-date-img, .advanced-search-to-date-img {margin-left:-28px;margin-top:0px;position:relative;top:3px;line-height: 0px;}
+
+/**
+* Search Ahead Content Results
+*/
+.widget-search-content {padding:4px;}
+.widget-search-content div.row {padding:4px;}
+.widget-search-results-row {padding:6px;cursor:pointer;}
+.widget-search-results-row:hover {background-color:#dadada;}
+.widget-search-results-row-selected {background-color:#dadada;}
+
+/**
+* Advanced search overrides
+*/
+.widget-search-arrow-advanced {display:block;right:15px}
+.widget-search-arrow-advanced-no-search {display:block;right:-10px;}
+.widget-search-magnifier-advanced {right:-44px}
+div.inputOuter .inputInner input.search-ahead-advanced {width: 90% !important;}
+
+
+/*
+ * Pagination
+ */
+.page_legacy li
+{
+   display:inline;
+}
+
+.page_legacy li span
+{
+   border:solid 0px #DDDDDD;
+   margin-right:2px;
+   margin-top:0px;
+   padding:2px 6px;
+   display:inline;
+}
+
+.page_legacy li span.active
+{
+   background-color:#CCCCCC;
+}
+
+
+
+/**
+* Widgetlist checkboxes
+*/
+.widgetlist-checkbox {text-align:left !important;width:20px;}
+.widgetlist-checkbox-header span input {text-align:left !important;width:inherit;}
+
+/**
+* Widgetlist checkboxes header
+*/
+.widgetlist-checkbox-input {width:20px !important}
+
+
+
+/*
+ * Legacy Pagination
+ */
+ul#pagination
+{
+   float:left;
+   padding:0;
+   top:0;
+   font-size: 12px;
+}
+
+ul#pagination li
+{
+   list-style:none;
+   display:inline;
+}
+
+ul#pagination li div
+{
+   border:solid 0px #DDDDDD;
+   margin-right:2px;
+   margin-top:0px;
+   padding:2px 6px;
+   cursor:pointer;
+   display:inline-block;
+}
+
+ul#pagination li div.active
+{
+   background-color:#CCCCCC;
+}
+
+/*
+ * Pagination
+ */
+.page_legacy li
+{
+   display:inline;
+}
+
+.page_legacy li span
+{
+   border:solid 0px #DDDDDD;
+   margin-right:2px;
+   margin-top:0px;
+   padding:2px 6px;
+   display:inline;
+}
+
+.page_legacy li span.active
+{
+   background-color:#CCCCCC;
+}
+
+
+
+/**
+* Search form
+*/
+div#advanced-search-container ul.advanced-search-container-inline, div#advanced-search-container ul {list-style:none; margin:0px; padding:3px; height:51px; width:450px}
+div#advanced-search-container ul.advanced-search-container-inline input.info-input, div#advanced-search-container ul input.info-input {font-size:11px}
+   div#advanced-search-container ul.advanced-search-container-inline li {display:inline-block;width:150px; margin-top:4px;}
+   div#advanced-search-container ul.advanced-search-container-inline li#required_message_inline {font-size:10px}
+   div#advanced-search-container ul.advanced-search-container-inline li#required_message_inline div.required {top:4px}
+   div#advanced-search-container ul#search_columns li {width:190px}
+
+   
+/**
+* IE7 fixes (hopefully this works with *+html selector)
+*/
+
+/**
+* Select box global
+*/
+*+html div.select-outer {display:inline}
+
+/**
+* MultiSelect box global
+*/
+*+html div.select-outer-multiple div.select-inner-multiple select {height:130px}
+*+html div.select-outer-multiple div.select-inner-multiple {margin-right:-9px !important;}
+
+/**
+* Widgetlist Pagination
+*/
+.page_legacy {width:600px; left:0; margin-left:0;}
+*+html ul#pagination li div {display:inline}
+*+html ul#pagination li div.select-outer {background: url("../assets/images/input_text_right.png") no-repeat scroll right 2px transparent;}
+*+html ul#pagination li div.select-outer div.select-inner select {margin-top: -4px !important;}