Changeset 11081 for extensions/user_tags/css/style.css

Timestamp:

May 27, 2011, 11:02:05 PM (13 years ago)

Author:

nikrou

Message:

Fix incompatibility with piwigo 2.2
Change jquery plugin from fcbkcomplete to tokeninput

File:

• extensions/user_tags/css/style.css (modified) (1 diff)

extensions/user_tags/css/style.css

@@ -8 +8 @@
 .t4u-clickable{cursor:pointer;}
 #t4u-addtags-form .t4u-disabled{color:#999;border-color:#666;}
-ul.holder{margin:0;border:1px solid #999;overflow:hidden;padding:4px 5px;}
-*:first-child+html ul.holder{padding-bottom:2px;}
-* html ul.holder{padding-bottom:2px;}
-ul.holder li{float:left;list-style-type:none;margin:2px 5px;white-space:nowrap;}
-ul.holder li.bit-box{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #CAD8F3;background:#DEE7F8;padding:1px 5px 2px 2px;}
-ul.holder li.bit-box-focus{border-color:#598BEC;background:#598BEC;color:#fff;}
-ul.holder li.bit-input input{width:auto;overflow:visible;margin:0;border:0;outline:0;padding:3px 0 2px 2px;}
-ul.holder li.bit-input input.smallinput{width:20px;}
-#add{border:1px solid #999;width:550px;margin:50px;padding:20px 30px 10px 10px;}
-form ol li{list-style-type:none;}
-form ol{font:11px "Lucida Grande","Verdana";margin:0;padding:0;}
-form ol li.input-text{margin-bottom:10px;list-style-type:none;padding-bottom:10px;}
-form ol li.input-text label{font-weight:bold;cursor:pointer;display:block;font-size:13px;margin-bottom:10px;}
-form ol li.input-text input{width:500px;padding:5px 5px 6px 6px;font:11px "Lucida Grande","Verdana";border:1px solid #999;}
-form ul.holder{width:auto;max-width:500px;}
-ul.holder li.bit-box{padding-right:15px;position:relative;z-index:1000;}
-ul.holder li.bit-hover{background:#BBCEF1;border:1px solid #6D95E0;}
-ul.holder li.bit-box-focus{border-color:#598BEC;background:#598BEC;color:#fff;}
-ul.holder li.bit-box a.closebutton{position:absolute;right:4px;top:5px;display:block;width:7px;height:7px;font-size:1px;background:url(./imgs/close.png);}
-ul.holder li.bit-box a.closebutton:hover{background-position:7px;}
-ul.holder li.bit-box-focus a.closebutton,ul.holder li.bit-box-focus a.closebutton:hover{background-position:bottom;}
-.facebook-auto{display:none;position:absolute;width:512px;background:#eee;}
-.facebook-auto .default{padding:5px 7px;border:1px solid #ccc;border-width:0 1px 1px;font-family:"Lucida Grande","Verdana";font-size:11px;}
-.facebook-auto ul{display:none;margin:0;padding:0;overflow:auto;position:absolute;z-index:9999;}
-.facebook-auto ul li{padding:5px 12px;z-index:1000;cursor:pointer;margin:0;list-style-type:none;border:1px solid #ccc;border-width:0 1px 1px;font:11px "Lucida Grande","Verdana";background-color:#eee;}
-.facebook-auto ul li em{font-weight:bold;font-style:normal;background:#ccc;}
-.facebook-auto ul li.auto-focus{background:#4173CC;color:#fff;}
-.facebook-auto ul li.auto-focus em{background:none;}
-.deleted{background-color:#4173CC!important;color:#fff!important;}
-.ie6fix{height:1px;width:1px;position:absolute;top:0;left:0;z-index:1;}
+ul.token-input-list-facebook{overflow:hidden;height:auto!important;height:1%;width:400px;border:1px solid #8496ba;cursor:text;font-size:12px;font-family:Verdana;min-height:1px;z-index:999;margin:0;padding:0;background-color:#fff;list-style-type:none;clear:left;}
+ul.token-input-list-facebook li input{border:0;width:100px;padding:3px 8px;background-color:white;margin:2px 0;-webkit-appearance:caret;}
+li.token-input-token-facebook,li.token-input-new-token-facebook{overflow:hidden;height:auto!important;height:15px;margin:3px;padding:1px 3px;background-color:#eff2f7;color:#000;cursor:default;border:1px solid #ccd5e4;font-size:11px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:left;white-space:nowrap;}
+li.token-input-new-token-facebook{background-color:#FAF;}
+li.token-input-token-facebook span{margin-left:5px;cursor:pointer;}
+li.token-input-selected-token-facebook{background-color:#5670a6;border:1px solid #3b5998;color:#fff;}
+li.token-input-input-token-facebook{float:left;margin:0;padding:0;list-style-type:none;}
+div.token-input-dropdown-facebook{position:absolute;width:400px;background-color:#fff;overflow:hidden;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:default;font-size:11px;font-family:Verdana;z-index:1;}
+div.token-input-dropdown-facebook p{margin:0;padding:5px;font-weight:bold;color:#777;}
+div.token-input-dropdown-facebook ul{margin:0;padding:0;}
+div.token-input-dropdown-facebook ul li{background-color:#fff;padding:3px;margin:0;list-style-type:none;}
+div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook{background-color:#fff;}
+div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook{background-color:#fff;}
+div.token-input-dropdown-facebook ul li em{font-weight:bold;font-style:normal;}
+div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook{background-color:#3b5998;color:#fff;}