Extract UI lib from Utils.

This commit is contained in:
2015-06-26 18:09:07 +02:00
parent 85eacaff6e
commit 74c0b0c5dc
4 changed files with 219 additions and 172 deletions

125
style.css
View File

@@ -1,68 +1,67 @@
* {margin:0;padding:0;border:none;font-family:Arial,sans-serif; color:rgb(32,32,32);background-color:white; box-sizing:border-box; -moz-box-sizing:border-box;}
h1{
font-size: 30px;
color: rgb(128,128,128);
margin:5px;
margin-top:10px;
}
h1:first-child{
margin-top:5px;
}
* {margin:0;padding:0;border:none;font-family:Arial,sans-serif; color:rgb(32,32,32);background-color:white; box-sizing:border-box; -moz-box-sizing:border-box;}
h1{
font-size: 30px;
color: rgb(128,128,128);
margin:5px;
margin-top:10px;
}
h1:first-child{
margin-top:5px;
}
.field{
display:block;
white-space:nowrap;
vertical-align:top;
font-size:0;
margin:5px;
margin-top:10px;
}
.field:first-child{
margin-top:5px;
}
.fieldLabel{
display:inline-block;
width:20%;
font-weight: bold;
vertical-align:top;
white-space: normal;
word-break: break-word;
font-size:14px;
}
.fieldText,
.fieldCombo{
display:inline-block;
width:80%;
white-space: normal;
vertical-align:top;
word-break: break-word;
font-size:14px;
}
.field{
display:block;
white-space:nowrap;
vertical-align:top;
font-size:0;
margin:5px;
margin-top:10px;
}
.field:first-child{
margin-top:5px;
}
.fieldLabel{
display:inline-block;
width:20%;
font-weight: bold;
vertical-align:top;
white-space: normal;
word-break: break-word;
font-size:14px;
}
.fieldContent{
display:inline-block;
width:80%;
white-space: normal;
vertical-align:top;
word-break: break-word;
font-size:14px;
}
.combo{
min-width:100px;
border: solid 1px rgb(32,32,32);
}
.combo{
min-width:100px;
border: solid 1px rgb(32,32,32);
}
.button{
display:inline-block;
padding:5px;
margin:5px;
background-color: rgb(192,192,192);
border: solid 1px rgb(32,32,32);
cursor:pointer;
}
.button:hover{
background-color: rgb(240,240,240);
}
.button{
display:inline-block;
padding:5px;
margin:0;
background-color: rgb(192,192,192);
border: solid 1px rgb(32,32,32);
cursor:pointer;
}
.button:hover{
background-color: rgb(240,240,240);
}
.textBox{
border: solid 1px rgb(32,32,32);
}
.textBox{
border: solid 1px rgb(32,32,32);
}
.previewImage{
margin:5px;
border: solid 1px rgb(32,32,32);
max-width:200px;
max-height:200px;
}
.previewImage{
margin:5px;
border: solid 1px rgb(32,32,32);
max-width:200px;
max-height:200px;
}