css - LaurentGrondin480/Electron GitHub Wiki

body { background: rgb(80, 0, 30); color: white; }

ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: black; border-radius: 10px; box-shadow: 6px 6px 6px rgb(95, 95, 95) inset;

}

li { float: left; }

li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: white; color: black; box-shadow: 6px 6px 6px black inset;

} li a.active { background-color: #4CAF50; color: white; }

li:last-child { border-right: none; }

/-------------------Bloc Image------------------------------------/ div.img { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; }

div.img:hover { border: 1px solid #777; }

div.img img { width: 100%; height: auto; }

div.desc { padding: 15px; text-align: center; }

/-----Bloc de Connection-------------------------/

#container{ width:400px; margin:0 auto; margin-top:10%; } /* Bordered form */ form { width:100%; padding: 30px; border: 1px solid #f1f1f1; border-radius: 10px; box-shadow: 6px 6px 0px black; } #container h1{ width: 38%; margin: 0 auto; padding-bottom: 10px; }

/* Full-width inputs */ input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; border-radius: 10px; box-shadow: 6px 6px 6px black inset; }

/* Set a style for all buttons */ input[type=submit] { background-color: #53af57; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius: 10px; box-shadow: 6px 6px 6px black inset; } input[type=submit]:hover { background-color: white; color: #53af57; border: 1px solid #53af57;

}

/----------------------Tableau ------------------------------------------/ table { border-collapse: collapse;

} td /* Mettre une bordure sur les td ET les th */ { border: 3px solid black; color: black; background: white; border-radius: 10px; } th{ border: 3px solid black; color: black; background: yellow; border-radius: 10px;

}

p { width: 350px; border: 2px solid black; text-align: justify; padding: 12px;

}

#footer { box-sizing: border-box;

} .jss116 { width: 40px; height: 40px; display: flex; padding: 8px 10px; transition: background 0.1s ease; align-items: center;

border-radius: 50%; justify-content: center; background-color: #e9edec; } .jss116:visited { color: rgba(0, 0, 0, 0.92); }

.jss1:last-child { padding-right: 0; } .jss1:nth-child(2n) { padding-right: 24px; } .jss1:nth-child(4) { order: 4; } .jss4 { max-width: 275px; } .jss1 { width: 25%; } .jss1 { width: 50%; padding: 0; padding-right: 0px; margin-top: 16px; border-bottom: none; }

.jss115 { justify-content: space-between; } .jss115 { margin: 32px 0; display: flex; } .jss117:hover { background-color: #3b5998; } .jss116:hover { color: #fff; } .jss119:hover { background-color: #4875b4; } .jss118:hover { background: linear-gradient(49.2deg, #f9ed32 10%,#ee2a7b 55%, #002aff); } .jss121:hover { background-color: #FF0000; } .jss120:hover { background-color: #03d0fc; }

.jss116:hover { color: #fff; }

.accessibility-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }