diff -r 8238cdb4113a -r 5f14ce03f518 java/nekurak.net-web/web/styl.css --- a/java/nekurak.net-web/web/styl.css Wed Jun 30 00:26:14 2010 +0200 +++ b/java/nekurak.net-web/web/styl.css Sun Jan 09 01:05:59 2011 +0100 @@ -283,3 +283,71 @@ margin-top: 8px; margin-bottom: 8px; } + +ul.stitky { + margin: 0; + padding: 0 0 32px 0; + + list-style: none; +} + +ul.stitky li, ul.stitky a { + float: left; + height: 20px; + line-height: 20px; + position: relative; + font-size: 11px; +} + +ul.stitky a { + margin-left: 20px; + padding: 0 10px 0 12px; + background: silver; + color: #666; + 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; +} + +ul.stitky a:before { + content: ""; + float: left; + position: absolute; + top: 0; + left: -10px; + width: 0; + height: 0; + border-color: transparent silver transparent transparent; + border-style: solid; + border-width: 10px 10px 10px 0; +} + +ul.stitky a:after { + content: ""; + position: absolute; + top: 9px; + left: 0; + 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 grey; + -webkit-box-shadow: -1px -1px 2px grey; + box-shadow: -1px -1px 2px #004977; +} + +ul.stitky a:hover{ + background: #555; + color: #ccc; +} + +ul.stitky a:hover:before{ + border-color:transparent #555 transparent transparent; +} \ No newline at end of file