button update

This commit is contained in:
sturtus
2014-05-29 22:46:31 -04:00
parent d5c5b44a1d
commit 7c4671ffa1
+51 -32
View File
@@ -148,6 +148,7 @@
.charsheet .sheet-wrapper .sheet-item input.sheet-square, .charsheet .sheet-wrapper .sheet-item button.sheet-square {
width: 28px;
text-align: center;
}
.charsheet .sheet-wrapper label {
@@ -322,7 +323,6 @@
background: url('http://i.imgur.com/6lUoOzW.png') no-repeat center top;
}
.charsheet .sheet-wrapper .sheet-HPBG {
background: url('http://i.imgur.com/37exssR.png') no-repeat center top;
}
@@ -331,49 +331,68 @@
background: url('http://i.imgur.com/M3KREye.png') no-repeat center top;
}
.charsheet .sheet-wrapper .sheet-combatbasics {
border: 1px solid #ccc;
}
/* Roll buttons */
.charsheet .sheet-wrapper button[type="roll"] {
width: 100%;
height:28px;
vertical-align: middle;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0;
}
.charsheet .sheet-wrapper button[type="roll"] label {
height:22px;
line-height: 22px;
font-size: 11px;
vertical-align: middle;
text-align:center;
width: 99%;
}
/* Hidden Roll buttons */
/* Hidden Roll buttons */{}
.charsheet .sheet-wrapper button[type="roll"].sheet-hidden-roll:before {
content: ""!important;
display: none;
}
.charsheet .sheet-wrapper button[type="roll"].sheet-hidden-roll {
display: inline-block;
.charsheet .sheet-wrapper button[type="roll"],
.charsheet .sheet-wrapper .sheet-btn {
width: 100%;
height:28px;
vertical-align: middle;
padding: 0;
display: inline-block;
margin: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.charsheet .sheet-wrapper button[type="roll"].sheet-hidden-roll input {
background-color: #B6DCB6;
.charsheet .sheet-wrapper button[type="roll"]:hover,
.charsheet .sheet-wrapper .sheet-btn:hover,
.charsheet .sheet-wrapper .sheet-hider input[type=checkbox]:checked ~ .sheet-btn {
background-color: #ebebeb;
border-color: #adadad;
}
.charsheet .sheet-wrapper button[type="roll"] label,
.charsheet .sheet-wrapper button[type="roll"] input {
vertical-align: middle;
text-align:center;
width: 99%;
cursor: pointer;
box-shadow: none;
transition: none;
border-radius: none;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(top,#fff,#e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e6e6',GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
}