Improved appearance of the document tag widget

This commit is contained in:
Roberto Rosario
2011-10-24 22:55:16 -04:00
parent 01a31949ae
commit 1077e4e2e2
2 changed files with 68 additions and 8 deletions

View File

@@ -41,6 +41,66 @@
right: 20px;
left: auto;
}
.tags {
margin: 0;
padding: 0;
right: 24px;
bottom: -12px;
list-style: none;
}
.tags li {
float:left;
height: 18px;
line-height: 18px;
position:relative;
font-size: 11px;
margin-left: 15px;
padding: 0 5px 0 15px;
background: #0089e0;
color: black;
text-decoration: none;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-left-radius: 12px;
-moz-border-radius-topleft: 12px;
-webkit-border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
-moz-border-radius-bottomleft: 12px;
-webkit-border-bottom-left-radius: 12px;
/*border:1px solid #ccc;*/
border: 1px solid rgba(0, 0, 0, 0.4);
-moz-box-shadow: 1px 1px 2px #888;
-webkit-box-shadow: 1px 1px 2px #888;
box-shadow: 1px 1px 2px #888;
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
}
.tags li:after {
content: "";
position: absolute;
top: 7px;
left: 5px;
float: left;
width: 4px;
height: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
-moz-box-shadow: -1px -1px 2px #004977;
-webkit-box-shadow: -1px -1px 2px #004977;
box-shadow: -1px -1px 2px #004977;
}
</style>
{% block stylesheets %}{% endblock %}
{% endblock %}