summaryrefslogtreecommitdiff
path: root/jqueryui/themes/larry/tagedit.css
diff options
context:
space:
mode:
Diffstat (limited to 'jqueryui/themes/larry/tagedit.css')
-rw-r--r--jqueryui/themes/larry/tagedit.css122
1 files changed, 122 insertions, 0 deletions
diff --git a/jqueryui/themes/larry/tagedit.css b/jqueryui/themes/larry/tagedit.css
new file mode 100644
index 0000000..600481c
--- /dev/null
+++ b/jqueryui/themes/larry/tagedit.css
@@ -0,0 +1,122 @@
+/**
+ * Styles of the tagedit inputsforms
+ */
+.tagedit-list {
+ width: 100%;
+ margin: 0;
+ padding: 4px 4px 0 5px;
+ overflow: auto;
+ min-height: 26px;
+ background: #fff;
+ border: 1px solid #b2b2b2;
+ border-radius: 4px;
+ box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
+ -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
+ -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
+ -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1);
+}
+.tagedit-list li.tagedit-listelement {
+ list-style-type: none;
+ float: left;
+ margin: 0 4px 4px 0;
+ padding: 0;
+}
+
+/* New Item input */
+.tagedit-list li.tagedit-listelement-new input {
+ border: 0;
+ height: 100%;
+ padding: 4px 1px;
+ width: 15px;
+ background: #fff;
+ border-radius: 0;
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ -o-box-shadow: none;
+}
+.tagedit-list li.tagedit-listelement-new input:focus {
+ box-shadow: none;
+ -moz-box-shadow: none;
+ -webkit-box-shadow: none;
+ -o-box-shadow: none;
+ outline: none;
+}
+.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {
+ display: none;
+}
+
+/* Item that is put to the List */
+.tagedit span.tag-element,
+.tagedit-list li.tagedit-listelement-old {
+ padding: 3px 6px 1px 6px;
+ background: #ddeef5;
+ background: -moz-linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf6fa), color-stop(100%,#d6e9f3));
+ background: -o-linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
+ background: -ms-linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
+ background: linear-gradient(top, #edf6fa 0%, #d6e9f3 100%);
+ border: 1px solid #c2dae5;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ color: #0d5165;
+ line-height: 1.3em;
+}
+
+.tagedit-list li.tagedit-listelement-focus {
+ border-color: #4787b1;
+ -moz-box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
+ -webkit-box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
+ -o-box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
+ box-shadow: 0 0 3px 1px rgba(71,135,177, 0.8);
+}
+
+.tagedit span.tag-element {
+ margin-right: 0.6em;
+ padding: 2px 6px;
+/* cursor: pointer; */
+}
+
+.tagedit span.tag-element.inherit {
+ color: #666;
+ background: #f2f2f2;
+ border-color: #ddd;
+}
+
+.tagedit-list li.tagedit-listelement-old a.tagedit-close,
+.tagedit-list li.tagedit-listelement-old a.tagedit-break,
+.tagedit-list li.tagedit-listelement-old a.tagedit-delete,
+.tagedit-list li.tagedit-listelement-old a.tagedit-save {
+ text-indent: -2000px;
+ display: inline-block;
+ position: relative;
+ top: -1px;
+ width: 16px;
+ height: 16px;
+ margin: 0 -4px 0 6px;
+ background: url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAgUlEQVQoz2NgQAKzdxwWAOIEIG5AwiC+AAM2AJQIAOL3QPwfCwaJB6BrSMChGB0nwDQYwATP3nn4f+Ge4ygKQXyQOJKYAUjTepjAm09fwBimEUTDxJA0rWdANxWmaMXB0xiGwDADurthGkEAmwbqaCLFeWQFBOlBTlbkkp2MSE2wAA8R50rWvqeRAAAAAElFTkSuQmCC') left 1px no-repeat;
+ cursor: pointer;
+}
+
+.tagedit-list li.tagedit-listelement-old span {
+ display: inline-block;
+ height: 15px;
+}
+
+/** Special hacks for IE7 **/
+
+html.ie7 .tagedit span.tag-element,
+html.ie7 .tagedit-list li.tagedit-listelement-old {
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf6fa', endColorstr='#d6e9f3', GradientType=0);
+}
+
+html.ie7 .tagedit-list li.tagedit-listelement span {
+ position: relative;
+ top: -3px;
+}
+
+html.ie7 .tagedit-list li.tagedit-listelement-old a.tagedit-close {
+ left: 5px;
+}
+