158 lines
2.8 KiB
CSS
158 lines
2.8 KiB
CSS
body {
|
|
overscroll-behavior-y: contain;
|
|
background-color: #778899;
|
|
}
|
|
|
|
h2 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.description {
|
|
text-size-adjust: auto;
|
|
white-space: nowrap;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.button {
|
|
float: left;
|
|
height: 57px;
|
|
width: calc(50% - 40px);
|
|
|
|
}
|
|
|
|
button.server {
|
|
border: 1px solid #adadad;
|
|
}
|
|
|
|
button.allumer:not(.distant) {
|
|
background-color: #e1e1e1;
|
|
}
|
|
|
|
button.allumer:not(.distant):hover {
|
|
background-color: #b5e2fa;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button.server:not(.allumer) {
|
|
background-color: #cccccc;
|
|
cursor: no-drop;
|
|
}
|
|
|
|
button.allumer.distant {
|
|
background-color: #b5e2fa;
|
|
cursor: no-drop;
|
|
}
|
|
|
|
button {
|
|
width: 150px;
|
|
height: 52px;
|
|
text-align: center;
|
|
}
|
|
|
|
.titre {
|
|
display: flex;
|
|
|
|
}
|
|
|
|
.reload {
|
|
border: 0;
|
|
background-color: #778899;
|
|
width: auto;
|
|
padding-left: 15px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.left {
|
|
/*background-color: lightblue;*/
|
|
margin-right: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.right {
|
|
/*background-color: red;*/
|
|
margin-left: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
img.favicon{
|
|
width: 48px;
|
|
float: left;
|
|
}
|
|
|
|
@media (max-width: 400px){
|
|
.button{
|
|
width: 100%;
|
|
float: left;
|
|
display: block;
|
|
text-align: center;
|
|
height: auto;
|
|
margin-bottom: 5px;
|
|
}
|
|
.left {margin-right: 0;}
|
|
.right {margin-left: 0;}
|
|
.server:not(.allumer) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media all and (max-device-width: 480px) {
|
|
.button{
|
|
width: 100%;
|
|
float: left;
|
|
display: block;
|
|
text-align: center;
|
|
height: auto;
|
|
margin-bottom: 5px;
|
|
}
|
|
.left {margin-right: 0;}
|
|
.right {margin-left: 0;}
|
|
.server:not(.allumer) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*@media (min-width:321px) and (max-width: 1070px){*/
|
|
|
|
.ctxmenu
|
|
{
|
|
position:absolute;
|
|
min-width: 128px;
|
|
height:auto;
|
|
padding: 8px;
|
|
margin:0;
|
|
margin-left:32px;
|
|
margin-top:-16px;
|
|
border: 1px solid #999;
|
|
background: #F8F8F8;
|
|
box-shadow: 2px 2px 2px #AAA;
|
|
z-index:11;
|
|
overflow: visible;
|
|
}
|
|
.ctxline
|
|
{
|
|
display:block;
|
|
margin:0px;
|
|
padding:2px 2px 2px 8px;
|
|
border:1px solid #F8F8F8;
|
|
border-radius:3px;
|
|
font-size:13px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
overflow:visible;
|
|
}
|
|
.ctxline:hover
|
|
{
|
|
border:1px solid #BBB;
|
|
background-color: #F0F0F0;
|
|
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%,
|
|
from(#ffffff), to(#e6e6e6));
|
|
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-image: linear-gradient(top, #ffffff, #e6e6e6);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
|
|
endColorstr='#e6e6e6', GradientType=0);
|
|
}
|