230 lines
6.2 KiB
Plaintext
230 lines
6.2 KiB
Plaintext
.clear { /* generic container (i.e. div) for floating buttons */
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
a.command-button {
|
|
color: #ffffff;
|
|
display: block;
|
|
float: left;
|
|
font: normal 12px arial, sans-serif;
|
|
height: 18px;
|
|
margin-right: 6px;
|
|
padding-right: 7px; /* sliding doors padding */
|
|
text-decoration: none;
|
|
font-weight:bold
|
|
}
|
|
|
|
a.command-button span {
|
|
display: block;
|
|
padding: 1px 0 1px 6px;
|
|
}
|
|
|
|
a:hover.command-button span {
|
|
display: block;
|
|
padding: 1px 0 1px 6px;
|
|
background-position: 0% -18px
|
|
}
|
|
|
|
a:hover.command-button { /*Colour Moved*/
|
|
color: #88dddd;
|
|
display: block;
|
|
float: left;
|
|
font: normal 12px arial, sans-serif;
|
|
height: 18px;
|
|
padding-right: 7px; /* sliding doors padding */
|
|
text-decoration: none;
|
|
font-weight:bold;
|
|
background-position: 100% -18px
|
|
}
|
|
|
|
a.command-button {
|
|
color: #ffffff;
|
|
display: block;
|
|
float: left;
|
|
font: normal 12px arial, sans-serif;
|
|
height: 18px;
|
|
margin-right: 6px;
|
|
padding-right: 7px; /* sliding doors padding */
|
|
text-decoration: none;
|
|
font-weight:bold
|
|
}
|
|
|
|
/*Menu Button*/
|
|
|
|
.main-button {
|
|
display: block;
|
|
margin: 0 auto;
|
|
text-align: center
|
|
}
|
|
|
|
a.main-button {
|
|
margin: 5px;
|
|
display: block;
|
|
float: left;
|
|
font: normal 12px arial, sans-serif;
|
|
height: 36px;
|
|
padding-right: 15px; /* sliding doors padding */
|
|
text-decoration: none;
|
|
font-weight:bold
|
|
}
|
|
|
|
a.main-button span {
|
|
display: block;
|
|
padding: 10px 0 10px 15px;
|
|
}
|
|
|
|
a:hover.main-button span {
|
|
display: block;
|
|
padding: 10px 0 10px 15px;
|
|
background-position: 0% -36px
|
|
}
|
|
|
|
a:hover.main-button {
|
|
display: block;
|
|
float: left;
|
|
font: normal 12px arial, sans-serif;
|
|
padding-right: 15px; /* sliding doors padding */
|
|
text-decoration: none;
|
|
font-weight:bold;
|
|
background-position: 100% -36px
|
|
}
|
|
|
|
.smallButton, a.smallButton {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) );
|
|
background:-moz-linear-gradient( center top, #606060 5%, #000000 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000');
|
|
background-color:#606060;
|
|
-moz-border-radius:6px;
|
|
-webkit-border-radius:6px;
|
|
border-radius:6px;
|
|
border:1px solid #dddddd;
|
|
display:inline-block;
|
|
color:#ffffff;
|
|
font-family:arial;
|
|
font-size:11px;
|
|
font-weight:bold;
|
|
padding:2px 10px;
|
|
text-decoration:none;
|
|
text-shadow:1px 1px 0px #000000;
|
|
/*width: 100px;*/
|
|
text-align: center;
|
|
}
|
|
|
|
.smallButton:hover {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
|
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060');
|
|
background-color:#000000;
|
|
}
|
|
|
|
.smallButton:active {
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
.largeButton, a.largeButton {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) );
|
|
background:-moz-linear-gradient( center top, #606060 5%, #000000 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000');
|
|
background-color:#606060;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
border-radius:10px;
|
|
border:1px solid #dddddd;
|
|
display:inline-block;
|
|
color:#ffffff;
|
|
font-family:arial;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
padding:4px 20px;
|
|
text-decoration:none;
|
|
text-shadow:1px 1px 0px #000000;
|
|
width: 150px;
|
|
text-align: center;
|
|
}
|
|
|
|
.largeButton:hover {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
|
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060');
|
|
background-color:#000000;
|
|
}
|
|
|
|
.largeButton:active {
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
.formModifier {
|
|
padding:3px 2px;
|
|
width: 200px;
|
|
}
|
|
|
|
.formButton {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) );
|
|
background:-moz-linear-gradient( center top, #606060 5%, #000000 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000');
|
|
background-color:#606060;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
border-radius:10px;
|
|
border:1px solid #dddddd;
|
|
display:inline-block;
|
|
color:#ffffff;
|
|
font-family:arial;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
padding:3px 2px;
|
|
text-decoration:none;
|
|
text-shadow:1px 1px 0px #000000;
|
|
width: 200px;
|
|
text-align: center;
|
|
}
|
|
|
|
.formButton:hover {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
|
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060');
|
|
background-color:#000000;
|
|
}
|
|
|
|
.formButton:active {
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|
|
.formButton-small {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #606060), color-stop(1, #000000) );
|
|
background:-moz-linear-gradient( center top, #606060 5%, #000000 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#000000');
|
|
background-color:#606060;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
border-radius:10px;
|
|
border:1px solid #dddddd;
|
|
display:inline-block;
|
|
color:#ffffff;
|
|
font-family:arial;
|
|
font-size:12px;
|
|
font-weight:bold;
|
|
padding:3px 2px;
|
|
text-decoration:none;
|
|
text-shadow:1px 1px 0px #000000;
|
|
width: 150px;
|
|
text-align: center;
|
|
}
|
|
|
|
.formButton-small:hover {
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #606060) );
|
|
background:-moz-linear-gradient( center top, #000000 5%, #606060 100% );
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#606060');
|
|
background-color:#000000;
|
|
}
|
|
|
|
.formButton-small:active {
|
|
position:relative;
|
|
top:1px;
|
|
}
|
|
|