margin: 10px 0 6px 16px;
}
-
-/* Tag hint TODO needed? */
-/* Tag suggestions */
-.ac_results {
- padding: 0;
- margin: -1px 0 0 -1px;
- list-style: none;
- position: absolute;
- z-index: 10000;
- display: none;
- border: 1px solid #d8d8d8;
- background-color: #fff;
- font-size: 14px;
-}
-
-.ac_results li {
- padding: 6px 16px;
- white-space: nowrap;
- text-align: left;
-}
-
-.ac_results .ac_over {
- background-color: #e5e5e5;
- background-color: #00a0d2;
- color: #fff;
- cursor: pointer;
-}
-
-.ac_match {
- text-decoration: underline;
-}
-
/* Tags */
.tagchecklist {
padding: 16px 28px 5px;
clear: both;
}
-.tagchecklist span {
- display: block;
- margin-right: 25px;
+.tagchecklist > span {
float: left;
+ margin-right: 25px;
font-size: 13px;
line-height: 1.8;
white-space: nowrap;
}
@media (max-width: 600px) {
- .tagchecklist span {
+ .tagchecklist > span {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.3;
}
.tagchecklist .ntdelbutton {
- margin: 1px 0 0 -17px;
+ position: absolute;
+ width: 24px;
+ height: 24px;
+ border: none;
+ margin: 0 0 0 -19px;
+ padding: 0;
+ background: none;
cursor: pointer;
- width: 20px;
- height: 20px;
- display: block;
- float: left;
- text-indent: 0;
- overflow: hidden;
+ text-indent: 0;;
position: absolute;
- outline: 0;
}
-.tagchecklist .ntdelbutton:before {
+.tagchecklist .ntdelbutton .remove-tag-icon:before {
content: "\f153";
display: block;
- margin: 2px 0;
+ margin-left: 2px;
height: 20px;
width: 20px;
- background: 0 0;
- color: #9ea7af;
- font: 400 16px/1 dashicons;
+ -webkit-border-radius: 50%;
+ border-radius: 50%;
+ background: transparent;
+ color: #0073aa;
+ /* line-height tweak to vertically center the icon cross browsers */
+ font: 400 16px/1.28 dashicons;
text-align: center;
- speak: none;
-webkit-font-smoothing: antialiased;
}
-.tagchecklist .ntdelbutton:focus:before {
- color: #00a0d2;
+.tagchecklist .ntdelbutton:focus {
+ outline: 0;
}
+.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+ color: #c00;
+}
+
+.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
+ -webkit-box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+ box-shadow:
+ 0 0 0 1px #5b9dd9,
+ 0 0 2px 1px rgba(30, 140, 190, .8);
+}
/* THE TAG CLOUD. */
.tagsdiv + p {
-webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
background-color: #fff;
+ font-size: 14px;
}
.ui-autocomplete li {
padding: 4px 10px;
white-space: nowrap;
text-align: left;
+ cursor: pointer;
}
-.ui-autocomplete li.ui-state-focus {
+/* Colors for the wplink toolbar autocomplete. */
+.ui-autocomplete .ui-state-focus {
background-color: #ddd;
- cursor: pointer;
+}
+
+/* Colors for the tags autocomplete. */
+.wp-tags-autocomplete .ui-state-focus {
+ background-color: #0073aa;
+ color: #fff;
}