Browse Source

CSS: déco des tags.

bastien 13 years ago
parent
commit
20da3a4584
1 changed files with 21 additions and 9 deletions
  1. 21 9
      web/bundles/muzichcore/css/main.css

+ 21 - 9
web/bundles/muzichcore/css/main.css View File

353
 ul.tagbox li {
353
 ul.tagbox li {
354
 margin:0;
354
 margin:0;
355
 }
355
 }
356
+
356
 ul.tagbox li.tag {
357
 ul.tagbox li.tag {
358
+  
357
 float: left;
359
 float: left;
358
 line-height: 1;
360
 line-height: 1;
359
-padding: 3px 6px;
360
 list-style-type: none;
361
 list-style-type: none;
361
 margin-top: 3px;
362
 margin-top: 3px;
362
 margin-right: 3px;
363
 margin-right: 3px;
363
-}
364
-ul.tagbox li.tag {
365
--moz-border-radius: 2px;
366
--webkit-border-radius: 2px;
367
-border-radius: 2px;
368
-display:block;
364
+
369
 font-size:13px;
365
 font-size:13px;
370
 border: 1px solid #cad8f3;
366
 border: 1px solid #cad8f3;
371
 background: #dee7f8;
367
 background: #dee7f8;
372
-padding: 2px;
373
 margin-bottom: 1px;
368
 margin-bottom: 1px;
374
-padding-right: 15px;
375
 position: relative;
369
 position: relative;
370
+
371
+  display: inline-block;
372
+  
373
+  padding-left: 7px;
374
+  padding-top: 4px;
375
+  padding-right: 14px;
376
+  padding-bottom: 4px;
377
+  
378
+	text-decoration: none;
379
+	font-weight: bold;
380
+	color: #fff;
381
+	background-color: #39c;
382
+	-moz-border-radius: 5px;
383
+	-webkit-border-radius: 5px;
384
+	-khtml-border-radius: 5px;
385
+	border-radius: 5px;
376
 }
386
 }
377
 ul.tagbox li.input {display:block; float:left;}
387
 ul.tagbox li.input {display:block; float:left;}
378
 ul.tagbox input:focus {
388
 ul.tagbox input:focus {
396
 width: 7px; height: 7px;
406
 width: 7px; height: 7px;
397
 font-size: 1px;
407
 font-size: 1px;
398
 background: url('/bundles/muzichcore/img/tag_close.gif');
408
 background: url('/bundles/muzichcore/img/tag_close.gif');
409
+background-position: 0px 100%;
410
+margin-top: 2px;
399
 }
411
 }
400
 ul.tagbox a.close:hover {
412
 ul.tagbox a.close:hover {
401
 background-position: 7px;
413
 background-position: 7px;