<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- ZAWODNIK INFO --> <!-- Button trigger modal --> <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#logowanie"> WŁĄCZ </button> <!-- Modal --> <div class="modal fade" id="logowanie" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="container"> <div class="row"> <!-- Okienko modala --> <div class="col-sm-4"> <!-- Nav tabs --><div class="card"> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#login" aria-controls="home" role="tab" data-toggle="tab">Logowanie</a></li> <li role="presentation"><a href="#registration" aria-controls="profile" role="tab" data-toggle="tab">Rejestracja</a></li> <p class="text-right"><button type="button" class="btn btn-link glyphicon glyphicon-remove" data-dismiss="modal"></button></p> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="login"> <form accept-charset="UTF-8" role="form"> <fieldset> <div class="form-group"> <input class="form-control" placeholder="Login" name="login" type="text"> </div> <div class="form-group"> <input class="form-control" placeholder="Hasło" name="password" type="password" value=""> </div> <div class="checkbox"> <label> <input name="remember" type="checkbox" value="Remember Me"> Zapamiętaj mnie </label> </div> <input class="btn btn-lg btn-primary btn-block" type="submit" value="Zaloguj"> </fieldset> </form> </div> <div class="tab-pane" id="registration"> <form accept-charset="UTF-8" role="form"> <fieldset> <div class="form-group"> <input class="form-control" placeholder="Login" name="login" type="text"> </div> <div class="form-group"> <input class="form-control" placeholder="E-mail" name="email" type="text"> </div> <div class="form-group"> <input class="form-control" placeholder="Hasło" name="password" type="password" value=""> </div> <div class="form-group"> <input class="form-control" placeholder="Hasło ponownie" name="password" type="password" value=""> </div> <div class="checkbox"> </div> <input class="btn btn-lg btn-primary btn-block" type="submit" value="Rejestruj"> </fieldset> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- STARTY --> <!-- Koniec Okienko modala --> <!-- KONIEC ZAWODNIK INFO -->

.nav-tabs-zawodnik { border-bottom: 0px solid #DDD; } .nav-tabs-zawodnik > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; } .nav-tabs > li > a { border: none; color: #337ab7; font-size: 18px; } .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #337ab7 !important; background: transparent; } .nav-tabs > li > a::after { content: ""; background: #337ab7; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); } .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); } .tab-nav > li > a::after { background: #337ab7 none repeat scroll 0% 0%; color: #fff; } .tab-pane { padding: 7px 0; } .tab-content { padding: 20px; } .card { background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; } .tabela-zawodnik { border: #FFF; } .tabela-zawodnik > td { height: 15px; vertical-align: super; } .tabela-zawodnik > thead > tr > th, .tabela-zawodnik > tbody > tr > th, .tabela-zawodnik > tfoot > tr > th, .tabela-zawodnik > thead > tr > td, .tabela-zawodnik > tbody > tr > td, .tabela-zawodnik > tfoot > tr > td { padding: 0px; line-height: 1; vertical-align: super; border-top: 0px solid #ddd; } .tabela-zawodnik > a, .tabela-zawodnik > a:hover, .tabela-zawodnik > a:focus, .tabela-zawodnik > a:active { font-size: 18px; } .nav-tabs { margin-bottom: 15px; } .sign-with { margin-top: 25px; padding: 20px; } div#OR { height: 30px; width: 30px; border: 1px solid #C2C2C2; border-radius: 50%; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; float: right; position: absolute; right: -16px; top: 40%; z-index: 1; background: #DFDFDF; }