netpractice/net_practice/css/netpractice.css

112 lines
1.9 KiB
CSS
Raw Normal View History

2023-06-09 01:15:02 +02:00
/* net Practice CSS */
/* Warning : some parameters are set / modified by script */
body {
font-family: sans-serif;
padding:0px;
margin:0px;
background-image:url("../img/site42-bg.gif");
}
div {
box-sizing: border-box;
}
/* message box in index.html */
.intro_div {
background-color: #00AAAA;
border: 5px solid #00AAAA;
border-radius: 5px;
padding:10px;
width:50%;
margin:auto;
margin-top: 25%;
text-align: center;
}
/* goals div */
.goals_div {
background-color: #00AAAA;
width:100%;
border:5px solid #00AAAA;
border-radius:5px;
padding: 5px;
}
.goals_div h2 {
margin:5px;
font-style:italic;
}
/* SVG layer */
.svg_layer {
z-index:-4;
position:absolute;
top:0px;
left:0px;
}
/* logs window */
.logs_div {
background-color: #FFAAAA;
border:3px solid #FFAAAA;
border-radius:3px;
position:fixed;
bottom:0px;
right:0px;
width:250px;
height:200px;
font-size:70%;
overflow-y: scroll;
}
/* host div (image) */
.host_div {
background-size:contain;
background-repeat: no-repeat;
background-position: center;
/* will be updated by script : position, top, left, width, height, background-image */
}
/* host info (name, route) div */
.host_info_div {
min-width: 170px;
min-height: 50px;
background-color:rgba(150, 150, 255, 0.9);
border: 3px solid rgba(150, 150, 255, 0.9);
border-radius: 3px;
/* will be updated by script : position, top, left */
}
.host_info_div table {
text-align:center;
}
/* interface div */
.itf_div {
min-width: 176px;
height: 70px;
background-color: rgba(150, 150, 150, 0.9);
border: 3px solid rgba(150, 150, 150, 0.9);
border-radius: 3px;
/* will be updated by script : position, top, left */
}
/* intro footnote */
.footnote {
font-size:70%;
font-style:italic;
}