<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<nav class="navbar navbar-expand-xl navbar-dark" style="background-color: #4d004d;">
<a class="navbar-brand mr-1 " href="index.php"><img src="../../src/img/logo.png" class="img-fluid" ></a>
<button class="navbar-toggler " style="" type="button" data-toggle="collapse" data-target="#collapsingNavbar">
<span class="fa fa-bars" ></span>
</button>
<div class="navbar-collapse collapse justify-content-center order-2" id="collapsingNavbar">
<ul class="navbar-nav" >
<li class="nav-item active p-1 m-1" style="color: #fdd835;">
<a class="nav-link" href="index.php" >سهرهتا <span class="sr-only">سهرهتا</span></a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link " href="view.php?movie=" style="color: #fdd835;">فیلم</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="view.php?series=" style="color: #fdd835;">زنجیره</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="mostview.php" style="color: #fdd835;">زۆرترین بینهر</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="actors.php" style="color: #fdd835;">ژیان نامه</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="news.php" style="color: #fdd835;">ههواڵ</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="year.php" style="color: #fdd835;">ساڵی دهرچو</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="info.php" style="color: #fdd835;">زانیاری</a>
</li>
<li class="nav-item p-1 m-1">
<a class="nav-link" href="boxoffice.php" style="color: #fdd835;">بۆکس ئۆفیس</a>
</li>
<li class="nav-item active dropdown p-1 m-1">
<a class="nav-link dropdown-toggle" href="#" style="color: #fdd835;" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="" ></span> IMDb
</a>
<div class="dropdown-menu text-center" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="IMDb.php">فیلم </a>
<a class="dropdown-item" href="IMDbseries.php"> زنجیره </a>
</div>
</li>
</ul>
</div>
<span class="navbar-text small text-truncate mt-1 w-20 text-right order-1 order-md-last col-sm-12 col-md-6 col-lg-3">
<form class="form-inline" action="search.php" method="GET">
<button class="btn btn-primary fa fa-search " aria-hidden="true"></button>
<input class="form-control form-control-sm ml-3 w-75" data-toggle="modal" data-target="#mymodal" onkeyup="search(this.value);" name="search-box1" type="text" placeholder="Search " autocomplete="off"
aria-label="Search">
</form>
</span>
</nav>
@font-face{font-family:NRT Reg; src: url('../fonts/NRT-Reg.ttf'); }
@font-face{font-family:speda; src: url('../fonts/Speda.ttf'); }
.container,.container-fluid {
zoom:80%;
}
.navbar {
zoom:95%;
}
.modal {
zoom:80%;
}
.navbar {
font-family:NRT Reg;
background-color:#04262F;
}
.nav-item:hover {
background: #FC5C7D; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5F0A87, #A4508B ); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5F0A87, #A4508B ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
transition: 0.7s;
border-radius:10px;
color:white;
}
.dropdown-item:hover {
background-color: green;
color:white;
}
.modal {
color:black;
}
.modal form {
text-align: center;
}
.modal input {
border: 2px solid #333;
border-radius: 5px;
color: #333;
font-size: 16px;
margin: 0 0 20px;
padding: .5rem 1rem;
width: 70%;
float:right;
}
hr {
color:black;
background-color:black;
}
.modal textarea{
border: 2px solid #333;
border-radius: 5px;
color: #333;
font-size: 20px;
margin: 0 0 20px;
padding: .5rem 1rem;
width: 60%;
text-align:center;
float:right;
}
.modal form {
text-align:center;
font-family:NRT Reg;
font-size:16px;
box-shadow:0px 0px 5px 0px rgba(238, 186, 243,0.6);
}
.modal select{
text-align:center;
font-family:NRT Reg;
font-size:16px;
box-shadow:0px 0px 5px 0px rgba(238, 186, 243,0.6);
height:50px;
width: 70%;
float:right;
border: 2px solid #333;
border-radius: 5px;
}
.modal h3
{
font-family:NRT Reg;
width:100%;
height:40px;
text-align:center;
color:black;
}
.modal button
{
font-family:NRT Reg;
font-size:18px;
float:left;
}
.modal label{
border-radius:20px;
font-family:NRT Reg;
font-size:20px;
color:white;
width:20%;
background: linear-gradient(to left, #0f2027, #203a43, #2c5364);
box-shadow:0px 0px 3px 0px rgba(0,0,0,0.4);
text-align:center;
}
.modal h1,h3{
font-family:NRT Reg;
color:black;
}
table th,td{
text-align:center;
font-family:NRT Reg;
font-size:15px;
}
p ,h3,h4{
font-family:NRT Reg;
color:white;
}
input,button,textarea {
text-align: center;
font-family:NRT Reg;
}
button {
zoom:90%;
}
body, html {
height: 100%;
margin: 0;
line-height: 100%;
color: #666;
background-color:#330033
;
color:white;
}