* { padding: 0; margin: 0; box-sizing: border-box; } html, body { font-family: 'Oswald', sans-serif; background: #ebebeb; background: url('../imgs/bg.png') no-repeat bottom center fixed; background-size: cover; } nav { margin: 25px 20%; } nav input { font-size: 25px; height: 70px; width: 100%; border: none; background: white; padding: 10px 20px; border-radius: 5px; outline: 0; letter-spacing: 1px; word-spacing: 8px; text-align: center; font-family: 'Oswald', sans-serif; } .referent { display: inline-block; cursor: pointer; border-radius: 5px; position: relative; background: white; margin: 25px; width: 200px; height: 200px; background-position: center center; background-size: cover; overflow: hidden; } .referent:hover { opacity: 1; } .referent .infos { padding: 10px; position: absolute; bottom: 0; width: 100%; background:rgba(0, 0, 0, 0.7); color: white; text-align: center; } .referents { text-align: center; } .game { border-radius: 20px; border: 3px solid black; } .text-center { margin-top: 6%; text-align: center; background-color: rgba(0, 0, 0, 0.2); } .text-center img { height: 250px; margin: 2%; } .text-center img:hover { padding-bottom : 5px; border-bottom: 2px solid dimgrey; } .titreIcon { text-align:center; margin-top: 2%; } .titreIcon img { height: 150px; } #back_ref img { height: 20px; } button { vertical-align:top; cursor: pointer; display: inline-block; height:70px; line-height: 60px; background: #47ad4b; border: 1px solid green; border-bottom-width: 6px; border-radius: 10px; font-size: 40px; padding: 0 25px; margin-bottom: 20px; outline: 0; transition: all 0.2s; } button:hover { border-bottom-width: 4px; } button:active { border-bottom-width: 2px; } .abso { position:absolute; width:100%; height:100%; } /* FIL D'ARIANE */ #breadcrumb img { height: 26px; display: inline-block; margin: 2px 0; } #breadcrumb { list-style: none; display: inline-block; } <<<<<<< HEAD #breadcrumb li { float: left; line-height: 40px; } #breadcrumb li a { color: #FFF; display: block; background: #3498db; text-decoration: none; position: relative; height: 30px; line-height:30px; vertical-align:middle; text-align: center; margin-right: 23px; } #breadcrumb li:nth-child(even) a { background-color: #2980b9; } #breadcrumb li:nth-child(even) a:before { border-color: #2980b9; border-left-color: transparent; } #breadcrumb li:nth-child(even) a:after { border-left-color: #2980b9; } #breadcrumb li:first-child a { padding-left: 5px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; } #breadcrumb li:first-child a:before { border: none; } #breadcrumb li:last-child a { padding-right: 15px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0; } #breadcrumb li:last-child a:after { border: none; } #breadcrumb li a:before, #breadcrumb li a:after { content: ""; position: absolute; top: 0; border: 0 solid #3498db; border-width: 15px 10px; width: 0; height: 0; } #breadcrumb li a:before { left: -15px; border-left-color: transparent; } #breadcrumb li a:after { left: 100%; border-color: transparent; border-left-color: #3498db; } #breadcrumb li a:hover { background-color: #1abc9c; } #breadcrumb li a:hover:before { border-color: #1abc9c; border-left-color: transparent; } #breadcrumb li a:hover:after { border-left-color: #1abc9c; } #breadcrumb li a:active { background-color: #16a085; } #breadcrumb li a:active:before { border-color: #16a085; border-left-color: transparent; } #breadcrumb li a:active:after { border-left-color: #16a085; } ======= >>>>>>> origin/master