Yimgo
12 years ago
|
Before Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
Before Width: | Height: | Size: 3.5 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
@ -0,0 +1,15 @@ |
|||||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||||
|
<widget xmlns="http://www.w3.org/ns/widgets" |
||||||
|
xmlns:ub="http://uniboard.mnemis.com/widgets" |
||||||
|
id="http://www.njin.fr/sankore/apps/balance" |
||||||
|
version="1.0" |
||||||
|
width="540" |
||||||
|
height="450" |
||||||
|
ub:resizable="true"> |
||||||
|
|
||||||
|
<name>La Balance</name> |
||||||
|
<author href="http://www.njin.fr" email="contact@njin.fr">njin</author> |
||||||
|
<description></description> |
||||||
|
|
||||||
|
<content src="index.html"/> |
||||||
|
</widget> |
||||||
|
Before Width: | Height: | Size: 165 KiB After Width: | Height: | Size: 165 KiB |
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
|
Before Width: | Height: | Size: 101 KiB After Width: | Height: | Size: 101 KiB |
|
Before Width: | Height: | Size: 92 KiB After Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 753 KiB |
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 175 KiB After Width: | Height: | Size: 175 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 732 B After Width: | Height: | Size: 732 B |
|
Before Width: | Height: | Size: 707 B After Width: | Height: | Size: 707 B |
|
Before Width: | Height: | Size: 999 B After Width: | Height: | Size: 999 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,276 @@ |
|||||||
|
#scene { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
#scene > div { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
#scalesCell { |
||||||
|
display: table; |
||||||
|
} |
||||||
|
#scalesCell > div { |
||||||
|
display: table-cell; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
|
||||||
|
#scalesWrapper { |
||||||
|
padding: 0px 100px 100px; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.onEdit #scalesWrapper { |
||||||
|
padding-top: 100px; |
||||||
|
} |
||||||
|
|
||||||
|
#scales { |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
|
||||||
|
.scale { |
||||||
|
position: absolute; |
||||||
|
width: 125px; |
||||||
|
height: 0; |
||||||
|
padding: 90px 20px 35px; |
||||||
|
top: 72px; |
||||||
|
background: url(images/scale.png) no-repeat center bottom; |
||||||
|
} |
||||||
|
|
||||||
|
#tray, .scale { |
||||||
|
-webkit-transition: -webkit-transform 0.25s ease-in; |
||||||
|
-moz-transition: -moz-transform 0.25s ease-in; |
||||||
|
-ms-transition: -ms-transform 0.25s ease-in; |
||||||
|
transition: transform 0.25s ease-in; |
||||||
|
} |
||||||
|
|
||||||
|
#leftScale { |
||||||
|
left: 0; |
||||||
|
margin-left: -75px; |
||||||
|
} |
||||||
|
|
||||||
|
#rightScale { |
||||||
|
right: 0; |
||||||
|
margin-right: -75px; |
||||||
|
} |
||||||
|
|
||||||
|
#tray { |
||||||
|
position: relative; |
||||||
|
background-color: red; |
||||||
|
top: 50%; |
||||||
|
margin-top: -1px; |
||||||
|
width: 225px; |
||||||
|
height: 144px; |
||||||
|
background: url("images/scales.png") no-repeat center; |
||||||
|
} |
||||||
|
|
||||||
|
#graduations { |
||||||
|
width: 50px; |
||||||
|
height: 15px; |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 50%; |
||||||
|
margin-left: -25px; |
||||||
|
background: url(images/graduations.png) center no-repeat; |
||||||
|
} |
||||||
|
|
||||||
|
#pivot { |
||||||
|
position: absolute; |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
left: 93px; |
||||||
|
top: 52px; |
||||||
|
background: url(images/pivot.png) center no-repeat; |
||||||
|
} |
||||||
|
|
||||||
|
#objects { |
||||||
|
position: relative; |
||||||
|
display: inline-block; |
||||||
|
padding: 0 5px 0 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#objects .object { |
||||||
|
display: inline-block; |
||||||
|
vertical-align: top; |
||||||
|
} |
||||||
|
|
||||||
|
#objects button[role="add"] { |
||||||
|
display: none; |
||||||
|
|
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
|
||||||
|
text-indent: -100px; |
||||||
|
|
||||||
|
width: 34px; |
||||||
|
height: 34px; |
||||||
|
|
||||||
|
margin-left: 10px; |
||||||
|
|
||||||
|
cursor: pointer; |
||||||
|
|
||||||
|
border-radius: 2px; |
||||||
|
border: 1px solid rgba(255,255,255, 0.15); |
||||||
|
background: rgba(0,0,0, 0.15) url(images/weight-add.png) center no-repeat; |
||||||
|
} |
||||||
|
|
||||||
|
.onEdit #objects button[role="add"] { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
|
||||||
|
#leftScale .object { |
||||||
|
position: absolute; |
||||||
|
bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.object input { |
||||||
|
border: none; |
||||||
|
width: 100%; |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
|
||||||
|
text-align: center; |
||||||
|
font-size: 12px; |
||||||
|
|
||||||
|
color: #000; |
||||||
|
border-radius: 2px; |
||||||
|
background-color: #FFF; |
||||||
|
box-shadow: 0 1px 2px rgba(0,0,0, 0.4); |
||||||
|
} |
||||||
|
|
||||||
|
.object .tools { |
||||||
|
display: none; |
||||||
|
position: absolute; |
||||||
|
top: -13px; |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
.onEdit button[role="remove"] { |
||||||
|
display: inline-block; |
||||||
|
position: relative; |
||||||
|
overflow: hidden; |
||||||
|
cursor: pointer; |
||||||
|
width: 11px; |
||||||
|
height: 11px; |
||||||
|
text-indent: -100px; |
||||||
|
border: none; |
||||||
|
margin: 0; |
||||||
|
outline: 0; |
||||||
|
padding: 0; |
||||||
|
background: transparent url(images/delete.png) center no-repeat; |
||||||
|
} |
||||||
|
|
||||||
|
.onEdit .object .tools { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
.object input:disabled { |
||||||
|
color: #CCC; |
||||||
|
background: none; |
||||||
|
box-shadow: none; |
||||||
|
} |
||||||
|
|
||||||
|
.object input:disabled::-webkit-outer-spin-button, |
||||||
|
.object input:disabled::-webkit-inner-spin-button { |
||||||
|
-webkit-appearance: none; |
||||||
|
margin: 0; |
||||||
|
} |
||||||
|
|
||||||
|
#objects .desk { |
||||||
|
position: absolute; |
||||||
|
width: 100%; |
||||||
|
height: 20px; |
||||||
|
top: 36px; |
||||||
|
border-radius: 4px; |
||||||
|
box-shadow: 0 3px 0 #999, 0 1px 2px rgba(0,0,0, .65); |
||||||
|
background-color: #CCC; |
||||||
|
background-image: -moz-linear-gradient(90deg, #FFF 0%, #CCC 100%); |
||||||
|
background-image: -o-linear-gradient(90deg, #FFF 0%, #CCC 100%); |
||||||
|
background-image: -webkit-linear-gradient(90deg, #FFF 0%, #CCC 100%); |
||||||
|
background-image: linear-gradient(90deg, #FFF 0%, #CCC 100%); |
||||||
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#CCC', GradientType=0); |
||||||
|
} |
||||||
|
|
||||||
|
#rightScale .weight { |
||||||
|
position: absolute !important; |
||||||
|
} |
||||||
|
|
||||||
|
#weights { |
||||||
|
display: none; |
||||||
|
position: absolute; |
||||||
|
top: 20px; |
||||||
|
right: 0px; |
||||||
|
width: 160px; |
||||||
|
} |
||||||
|
|
||||||
|
.onEdit #weights { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
#weights .weight { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
|
||||||
|
.weight { |
||||||
|
position: relative; |
||||||
|
|
||||||
|
width: 32px; |
||||||
|
height: 35px; |
||||||
|
|
||||||
|
margin-left: 10px; |
||||||
|
margin-bottom: 30px; |
||||||
|
|
||||||
|
font-size: 12px; |
||||||
|
text-align: center; |
||||||
|
color: #CCC; |
||||||
|
text-shadow: 0 -1px 0 #000; |
||||||
|
} |
||||||
|
|
||||||
|
.weight .unit { |
||||||
|
font-size: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.weight .amount { |
||||||
|
height: 100%; |
||||||
|
padding: 4px 2px 0; |
||||||
|
border-radius: 4px; |
||||||
|
border: 1px solid rgba(255,255,255, 0.15); |
||||||
|
background-color: rgba(0,0,0, 0.15); |
||||||
|
} |
||||||
|
|
||||||
|
.weight > div.bg { |
||||||
|
position: absolute; |
||||||
|
left: -2px; |
||||||
|
bottom: -18px; |
||||||
|
width: 35px; |
||||||
|
height: 32px; |
||||||
|
background: url(images/weight.png) no-repeat center bottom; |
||||||
|
} |
||||||
|
|
||||||
|
.weight.w500 { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.weight.w200 { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.weight.w100 { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.weight.w50 { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.weight.w20 { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.weight.w10 { |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.onOut .amount { |
||||||
|
background-color: rgba(255,0,0, 0.15); |
||||||
|
} |
||||||