main.css
/*
This file was generated by Dashcode.
You may edit this file to customize your widget or web page
according to the license.txt file included in the project.
*/
body {
margin: 0px;
}
#info {
position: absolute;
right: 15px;
bottom: 18px;
width: 13px;
height: 13px;
top: 450px;
left: 255px;
}
#back {
display: none;
}
#backImg {
position: absolute;
display: block;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: auto;
height: auto;
}
#done {
position: absolute;
right: 24px;
margin-left: auto;
bottom: 21px;
margin-top: auto;
}
#helloText {
position: absolute;
text-shadow: none;
cursor: default;
-khtml-user-select: none;
color: rgb(255, 255, 255);
font-family: HelveticaNeue-Medium;
text-align: center;
top: 25px;
height: 25px;
left: 27px;
letter-spacing: 0px;
font-size: 15pt;
width: 231px;
}
#text {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
width: 65px;
font-size: 11px;
top: 68px;
left: 37px;
}
.selected #text {
color: white;
}
#modifierField {
position: absolute;
color: black;
font-family: HelveticaNeue;
top: 64px;
font-size: 8pt;
width: 69px;
left: 127px;
}
#text1 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
top: 94px;
width: 89px;
font-size: 11px;
left: 37px;
}
.selected #text1 {
color: white;
}
#matNameField {
position: absolute;
color: black;
font-family: HelveticaNeue;
top: 89px;
font-size: 8pt;
width: 119px;
left: 127px;
}
#text2 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
width: 155px;
font-size: 11px;
top: 133px;
left: 37px;
}
.selected #text2 {
color: white;
}
#text3 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
width: 162px;
font-size: 11px;
top: 172px;
left: 37px;
}
.selected #text3 {
color: white;
}
#tsField {
position: absolute;
color: black;
font-family: HelveticaNeue;
width: 49px;
text-align: right;
font-size: 8pt;
top: 168px;
left: 197px;
}
#text4 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
width: 142px;
font-size: 11px;
top: 253px;
left: 37px;
}
.selected #text4 {
color: white;
}
#text5 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
width: 135px;
font-size: 11px;
top: 213px;
left: 37px;
}
.selected #text5 {
color: white;
}
#rdField {
position: absolute;
color: black;
font-family: HelveticaNeue;
width: 49px;
text-align: right;
font-size: 8pt;
top: 208px;
left: 197px;
}
#rsField {
position: absolute;
color: black;
font-family: HelveticaNeue;
width: 49px;
text-align: right;
font-size: 8pt;
top: 248px;
left: 197px;
}
#textarea {
color: black;
font-family: HelveticaNeue;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
width: 213px;
left: 37px;
font-size: 9px;
top: 376px;
height: 56px;
}
#tdField {
position: absolute;
color: black;
font-family: HelveticaNeue;
width: 49px;
text-align: right;
font-size: 8pt;
top: 129px;
left: 197px;
}
#text6 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
color: rgb(255, 255, 255);
-khtml-margin-top-collapse: separate;
-khtml-margin-bottom-collapse: separate;
position: relative;
height: 15px;
width: 68px;
margin-right: 235px;
font-size: 11px;
margin-top: 332px;
margin-left: 37px;
}
.selected #text6 {
color: white;
}
#roughField {
position: absolute;
color: black;
font-family: HelveticaNeue;
width: 49px;
text-align: right;
font-size: 8pt;
top: 327px;
left: 197px;
}
#text7 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
height: 15px;
width: 69px;
font-size: 11px;
top: 292px;
left: 127px;
}
.selected #text7 {
color: white;
}
#absorb {
position: absolute;
font-family: HelveticaNeue;
width: 49px;
text-align: right;
cursor: auto;
-khtml-user-select: text;
background-image: none;
background-repeat: repeat;
border-width: 2px;
border-style: inset;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
font-size: 8pt;
top: 288px;
left: 197px;
background-position: 0% 0%;
}
#frontImg {
position: absolute;
display: block;
top: 0px;
left: 0px;
-khtml-box-reflect: below 1px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0))) 0 0 0 0 stretch stretch;
right: 0px;
bottom: 0px;
width: auto;
height: auto;
}
#front {
width: auto;
margin-right: 0px;
margin-left: 0px;
min-height: 396px;
height: auto;
}
#rsSlider {
height: 15px;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
width: 215px;
top: 272px;
left: 35px;
}
#rdSlider {
height: 15px;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
width: 215px;
top: 230px;
left: 35px;
}
#tdSlider {
height: 15px;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
width: 215px;
top: 151px;
left: 35px;
}
#glassButton {
cursor: default;
-khtml-user-select: none;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
top: 64px;
left: 207px;
}
#tsSlider {
height: 15px;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
width: 215px;
top: 190px;
left: 35px;
}
#roughSlider {
height: 15px;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
width: 215px;
top: 349px;
left: 35px;
}
#text8 {
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
font-family: HelveticaNeue-Medium;
font-size: 16px;
left: 25px;
top: 36px;
right: 38px;
width: auto;
bottom: 429px;
height: auto;
}
.selected #text8 {
color: white;
}
#text9 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
font-size: 10px;
top: 404px;
left: 25px;
right: 126px;
width: auto;
bottom: 57px;
height: auto;
}
.selected #text9 {
color: white;
}
#text10 {
font-family: 'Lucida Grande', Arial, sans-serif;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
margin-top: 0px;
color: rgb(255, 255, 255);
font-size: 10px;
top: 435px;
left: 25px;
right: 126px;
width: auto;
bottom: 24px;
height: auto;
}
.selected #text10 {
color: white;
}
#textarea1 {
color: black;
font-family: HelveticaNeue;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
top: 79px;
height: 317px;
width: 239px;
left: 25px;
font-size: 8pt;
}
#glassButton2 {
cursor: default;
-khtml-user-select: none;
position: absolute;
right: auto;
bottom: auto;
margin-top: 0px;
left: 131px;
top: 438px;
}
by
AMcneil
– last modified
Feb 29, 2016 12:25 PM