/branches/v1.11-magnesium/src/org/tela_botanica/del/client/composants/votes/barrerepartition/barreRepartition.css |
---|
New file |
0,0 → 1,93 |
.conteneurBarre { |
width:130px; |
display: inline; |
} |
.conteneurBarreOuiNon { |
display: inline; |
float: right; |
} |
.labelTaxon { |
float: left; |
margin-right: 5px; |
overflow: hidden; |
text-overflow: ellipsis; |
white-space: nowrap; |
width: 190px; |
margin-bottom: 5px; |
text-align:left; |
} |
.barre { |
width:50px; |
height:15px; |
background:#BBB; |
float:left; |
margin-right:2px; |
margin-left:2px; |
display: inline; |
float:left; |
} |
.pourcentage { |
position:absolute; |
font-size:10px; |
width:48px; |
text-align:center; |
} |
.barreOui { |
background:#8EB533; |
padding-bottom:15px; |
} |
.barreNon { |
background:#f06a6a; |
padding-bottom:15px; |
} |
.boutonOui, .boutonNon { |
text-align:center; |
color:white; |
line-height:1em; |
font-size:15px; |
font-weight:bold; |
cursor:pointer; |
float:left; |
background:#AAA; |
} |
.boutonOui { |
width:9%; |
height:15px; |
width:30px; |
border-radius:0 2px 2px 0; |
background-image: url("img/pouce_haut.png"); |
} |
.boutonOui:hover { |
background-image: url("img/pouce_haut_hover.png"); |
} |
.boutonNon:hover { |
background-image: url("img/pouce_bas_hover.png"); |
} |
.boutonNon { |
width:9%; |
height:15px; |
width:30px; |
border-radius:2px 0 0 2px; |
background-image: url("img/pouce_bas.png"); |
margin-right:5px; |
} |
.score { |
font-size:13px; |
color:#333; |
font-weight:bold; |
margin-right:10px; |
width:28px; |
} |