PiSwitch/style.css

129 lines
4 KiB
CSS
Raw Permalink Normal View History

2015-03-30 12:25:13 +00:00
body {
2015-03-30 13:34:15 +00:00
# background:linear-gradient(45deg ,white, #A4C67D) no-repeat center center fixed;
2015-03-30 12:25:13 +00:00
margin-left:100px;
margin-right: 100px;
}
h1 {
font-size:250%;
font-family:Helvetica;
border-bottom:solid thin black;
}
div.status {
margin-top:50px;
}
td {
text-align: center;
font-family:Helvetica;
}
th {
text-align: center;
font-family:Helvetica;
font-size: 13px;
font-weight:900;
}
tbody tr:hover {
background: lightgreen;
color: white;
}
.switchoff{
-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
box-shadow:inset 0px 1px 0px 0px #f7c5c0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
background-color:#fc8d83;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Helvetica;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.switchoff:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
background-color:#e4685d;
}
.switchoff:active {
position:relative;
top:1px;
}
.switchon{
-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
box-shadow:inset 0px 1px 0px 0px #d9fbbe;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
background-color:#b8e356;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83c41a;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Helvetica;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #86ae47;
}
.switchon:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
background-color:#a5cc52;
}
.switchon:active {
position:relative;
top:1px;
}
#footer {
position:absolute;
bottom: 0;
width: 100%;
background-color: #CFCFCF;
height: 4em;
text-align: center;
left:0; right:0; bottom:0;
font-family: Helvetica;
font-size: 11px;
}