Index: branches/1.0.x/inc/styles.css =================================================================== diff -u -N -r14763 -r14770 --- branches/1.0.x/inc/styles.css (.../styles.css) (revision 14763) +++ branches/1.0.x/inc/styles.css (.../styles.css) (revision 14770) @@ -61,13 +61,13 @@ #header .infoblock .welcome .txt, #header .infoblock .welcome .lang, #header .infoblock .welcome .currency, -#header .infoblock .welcome .profile { +#header .infoblock .welcome .profile-menu { position: relative; } -#header .infoblock .welcome .profile { margin-left: 10px; margin-right: 10px; } +#header .infoblock .welcome .profile-menu { margin-left: 10px; margin-right: 10px; } #header .infoblock .welcome .txt .login, #header .infoblock .welcome .currency .cur, -#header .infoblock .welcome .profile .link { +#header .infoblock .welcome .profile-menu .link { padding: 5px 10px 10px; } #header .infoblock .welcome .currency { margin-left: 5px; } @@ -142,7 +142,7 @@ position: absolute; top: 31px; right: -1px; - z-index: 100; + z-index: 95; -webkit-border-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius: 5px; @@ -160,7 +160,7 @@ border-bottom: 1px solid #fff; margin: -1px -1px 0 0; position: relative; - z-index: 150; + z-index: 96; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; @@ -179,7 +179,7 @@ } #header .infoblock .welcome .plashka .active { color: #2d85d6; } #header .infoblock .welcome .txt .plashka, -#header .infoblock .welcome .profile .plashka { right: 0; } +#header .infoblock .welcome .profile-menu .plashka { right: 0; } .plashka-sel a#lang, .plashka-sel a#currency, .plashka-sel a#profile { @@ -1095,3 +1095,86 @@ padding-right: 15px; } .basketStatus .basketContent .info { color: #333; } + + +/* --- Item Rating Styles --- */ +.ratingblock, .ratingblock div { + display: -moz-inline-block; +} + +.voted { + color: #999; +} + +.thanks { + color: #36AA3D; +} + +.static { + color: #5D3126; +} + +.inline-rating { + display:-moz-inline-block; + display:-moz-inline-box; + display:inline-block; + vertical-align: middle; +} + +.star-rating, +.star-rating a:hover, +.star-rating a:active, +.star-rating a:focus, +.star-rating .current-rating{ + background: url('@templates_base@/img/star_sprite.gif') left -1000px repeat-x; +} +.star-rating { + position:relative; + width:125px; + height:25px; + overflow:hidden; + list-style:none; + margin:0; + padding:0; + background-position: left top; +} + +.star-rating li { + display: inline; +} + +.star-rating a, +.star-rating .current-rating { + position:absolute; + top:0; + left:0; + text-indent:-1000em; + height:25px; + line-height:25px; + outline:none; + overflow:hidden; + border: none; +} + +.star-rating a:hover, +.star-rating a:active, +.star-rating a:focus { + background-position: left bottom; +} +.star-rating a.r1-unit { width:20%;z-index:6; } +.star-rating a.r2-unit { width:40%;z-index:5; } +.star-rating a.r3-unit { width:60%;z-index:4; } +.star-rating a.r4-unit { width:80%; z-index:3; } +.star-rating a.r5-unit { width:100%; z-index:2; } +.star-rating .current-rating { z-index:1; background-position: left center; } + +.small-star { + width:50px; + height:10px; +} +.small-star, .small-star a:hover, .small-star a:active, +.small-star a:focus, .small-star .current-rating { + background-image: url('@templates_base@/img/star_sprite_small.gif'); + line-height: 10px; + height: 10px; +} \ No newline at end of file