<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ---------->
<nav class="navbar navbar-default navbar-inverse navbar-static-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#top"><img src="assets/images/logo_tp.png" height="27" width="27"></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><i class="fa fa-fw fa-flag"></i> Főoldal</a></li>
<li><a href="/community"><i class="fa fa-fw fa-tags"></i> Közösség</a></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-database"></i> Adatbázis<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="downloads.html"><i class="fa fa-fw fa-download"></i> Letöltések</a></li>
<li><a href="/database"><i class="fa fa-fw fa-database"></i> Adatbázis</a></li>
<li class="divider"></li>
<li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-photo"></i> Galéria<b class="fa fa-fw fa-angle-right"></b></a>
<ul class="dropdown-menu">
<li><a href="gallery.html#kf"><i class="fa fa-fw fa-shield"></i> Klárafalváról</a></li>
<li><a href="gallery.html#evs"><i class="fa fa-fw fa-birthday-cake"></i> Eseményekről</a></li>
<li><a href="gallery.html#ww"><i class="fa fa-fw fa-plane"></i> Háborús</a></li>
<li class="divider"></li>
<li><a href="gallery.html#other"><i class="fa fa-fw fa-archive"></i> Egyéb</a></li>
<li class="divider"></li>
<li><a href="sender.html#pic"><i class="fa fa-fw fa-send"></i> Kép beküldése</a></li>
</ul>
</li>
<li class="divider"></li>
<li><a href="sender.html"><i class="fa fa-fw fa-send-o"></i> Beküldés</a></li>
<li class="divider"></li>
<li><a href="register.html"><i class="fa fa-fw fa-user"></i> Fiók igénylés</a></li>
</ul>
</li>
<li><a href="news.html"><i class="fa fa-fw fa-newspaper-o"></i> Hírek</a></li>
<li><a href="faq.html"><i class="fa fa-fw fa-fax"></i> GY.I.K</a></li>
</ul>
<div class="col-sm-1 col-md-2">
<form class="navbar-form" action="index.html" method="GET" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Keresés..." name="q" title="Keresés...">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
</div>
</form>
</div>
<ul class="nav navbar-nav navbar-right">
<li>
<p class="navbar-text">,,Emlékek, melyek nem érnek véget..."</p>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><b><i class="fa fa-fw fa-sign-in"></i> Bejelentkezés</b> <span class="caret"></span></a>
<ul id="login-dp" class="dropdown-menu">
<li>
<div class="row">
<div class="col-md-12">
Bejelentkezés...
<div class="-">
<a href="#" class="btn btn-fb btn-block"><i class="fa fa-facebook"></i> Facebook</a>
</div>
Vagy
<form class="form" role="form" method="post" action="login.php" accept-charset="UTF-8" id="login-nav">
<div class="form-group">
<label class="sr-only" for="user-mail">E-Mail:</label>
<input type="email" class="form-control" id="user-mail" placeholder="E-Mail cím..." required>
</div>
<div class="form-group">
<label class="sr-only" for="user-pass">Jelszó:</label>
<input type="password" class="form-control" id="user-pass" placeholder="Jelszó..." required>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-block">Bejelentkezés</button>
</div>
<div class="checkbox">
<label>
<input type="checkbox">Emlékezz rám!
</label>
</div>
</form>
</div>
<div class="bottom text-center">
Új vagy itt? <a href="register.html"><b>Csatlakozás!</b></a>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
</div>
body{background:url('../images/wallpaper.png') repeat bottom center;background-size:auto;padding:50px;}.blacked{color:#000000;}.headr{background-image:url('../images/site/headr.png');background-size:contain;color:#e5e5e5;}.infom{background-image:url('../images/site/infom.png');background-size:auto;color:#e5e5e5;}.cont{background-image:url('../images/site/cont.png');background-size:contain;color:#e5e5e5;padding:10px;margin:0px;}.events{background-image:url('../images/site/events.png');background-size:contain;color:#e5e5e5;padding:10px;margin:0px;}.eventreg{background-image:url('../images/site/eventreg.png');background-size:contain;color:#e5e5e5;}.teams{background-image:url('../images/site/team.png');background-size:contain;padding:10px;color:#e5e5e5;}.footer{background-image:url('../images/site/footer.png');background-size:contain;}.foots{background-image:url('../images/site/foots.png');background-size:;}body::-webkit-scrollbar{width:9px;}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.7);border-radius:5px;}body::-webkit-scrollbar-thumb{background-color:#303030;border-radius:7px;}.gray-scale{-webkit-filter:grayscale(100%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}.gray-scale:hover{-webkit-filter:grayscale(0%);}.dropdown-submenu{position:relative;}.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px;}.member{width:128px;margin:10px;border-radius:500px;-webkit-border-radius:500px;-moz-border-radius:500px;}.header{padding-top:50px;padding-bottom:50px;color:#f8f8f8;background-size:cover;}.sectionR{background:url(../images/) bottom center;}#login-dp{min-width:250px;padding:14px 14px 0;overflow:hidden;background-color:rgba(255,255,255,.8);}#login-dp .help-block{font-size:12px}#login-dp .bottom{background-color:rgba(255,255,255,.8);border-top:1px solid #ddd;clear:both;padding:14px;}#login-dp .social-buttons{margin:12px 0}#login-dp .social-buttons a{width:49%;}#login-dp .form-group{margin-bottom:10px;}.btn-fb{color:#fff;background-color:#3b5998;}.btn-fb:hover{color:#fff;background-color:#496ebc}.btn-tw{color:#fff;background-color:#55acee;}.btn-tw:hover{color:#fff;background-color:#59b5fa;}@media(max-width:768px){
#login-dp{
background-color: inherit;
color: #fff;
}
#login-dp .bottom{
background-color: inherit;
border-top:0 none;
}
}
#myFooter {
/*background: #3c3d41;*/
background-image: url('../images/site/footer.png');
color: white;
padding-top: 30px;
}
#myFooter .footer-copyright {
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}
#myFooter .row {
margin-bottom: 60px;
}
#myFooter .navbar-brand {
margin-top: 45px;
height: 65px;
}
#myFooter .footer-copyright p {
margin: 10px;
color: #ccc;
}
#myFooter ul {
list-style-type: none;
padding-left: 0;
line-height: 1.7;
}
#myFooter h5 {
font-size: 18px;
color: white;
font-weight: bold;
margin-top: 30px;
}
#myFooter h2 a{
font-size: 50px;
text-align: center;
color: #fff;
}
#myFooter a {
color: #d2d1d1;
text-decoration: none;
}
#myFooter a:hover,
#myFooter a:focus {
text-decoration: none;
color: white;
}
#myFooter .social-networks {
text-align: center;
padding-top: 30px;
padding-bottom: 16px;
}
#myFooter .social-networks a {
font-size: 32px;
color: #f9f9f9;
padding: 10px;
transition: 0.2s;
}
#myFooter .social-networks a:hover {
text-decoration: none;
}
#myFooter .facebook:hover {
color: #0077e2;
}
#myFooter .google:hover {
color: #ef1a1a;
}
#myFooter .twitter:hover {
color: #00aced;
}
#myFooter .anchor:hover {
color: #1e83a8;
}
#myFooter .team:hover {
color: #d1b70e;
}
#myFooter .btn {
color: white;
background-color: #637f07;
border-radius: 20px;
border: none;
width: 150px;
display: block;
margin: 0 auto;
margin-top: 10px;
line-height: 25px;
}
@media screen and (max-width: 767px) {
#myFooter {
text-align: center;
}
}
/* CSS used for positioning the footers at the bottom of the page. */
/* You can remove this. */
html{
height: 100%;
}
body{
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
height: 100%;
}
.content{
flex: 1 0 auto;
-webkit-flex: 1 0 auto;
min-height: 200px;
}
#myFooter{
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
}
document.getElementById("date").innerHTML=Date();$(document).ready(function(){$('.dropdown-submenu a.test').on("click",function(e){$(this).next('ul').toggle();e.stopPropagation();e.preventDefault();});});
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "https://cdn.pushalert.co/integrate_01ce3a80675dae0d7e35691c19053e79.js";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
<script type="text/javascript">
$(document).ready(function() {
$('.navbar a.dropdown-toggle').on('click', function(e) {
var $el = $(this);
var $parent = $(this).offsetParent(".dropdown-menu");
$(this).parent("li").toggleClass('open');
if(!$parent.parent().hasClass('nav')) {
$el.next().css({"top": $el[0].offsetTop, "left": $parent.outerWidth() - 4});
}
$('.nav li.open').not($(this).parents("li")).removeClass("open");
return false;
});
});
