Skip to content

S
SkuciSe
Commit 7e7a4e7a by Milovan Samardzic
Options

izmenaStyleCelog

parent 771a6145
Showing with 57 additions and 69 deletions
SkuciSe/src/main/resources/static/css/style.css
...@@ -2,9 +2,12 @@ ...@@ -2,9 +2,12 @@
body{ body{
font-family: 'Jost', serif;font-size: 22px; font-family: 'Jost', serif;font-size: 22px;
background-color: #d8dde0; background-color: #F1EAE2; /*sredina*/
overflow-x: hidden; overflow-x: hidden;
} }
.navbar{
background-color: #151a2a; /*header*/
}
.navbar a{ .navbar a{
text-decoration: none; text-decoration: none;
color:#495056; color:#495056;
...@@ -122,26 +125,9 @@ body{ ...@@ -122,26 +125,9 @@ body{
top: -7px; top: -7px;
} }
} }
#pozadina{
width: 100%;
height: 580px;
background-image: url("../images/pozadina.jpg");
background-size:cover;
background-repeat: no-repeat;
}
#pozadina{
display: flex;
align-items: center;
justify-content: center;
}
#pozadina h1{
color:#367588;
font-size:60px;
}
.container-fluid{ .container-fluid{
overflow:hidden; overflow:hidden;
margin-top: 250px ; background:#6d2e46; /*footer*/
background:#262626 ;
color: #627482 !important; color: #627482 !important;
margin-bottom: 0 ; margin-bottom: 0 ;
padding-bottom:0 ; padding-bottom:0 ;
...@@ -174,6 +160,8 @@ h3{ ...@@ -174,6 +160,8 @@ h3{
} }
.form-body{ .form-body{
height: 650px; height: 650px;
border-top:3px solid #FFD700; /*sredina izmedju linije*/
border-bottom:3px solid #FFD700; /*sredina izmedju linije*/
} }
.form-holder { .form-holder {
display: flex; display: flex;
...@@ -202,7 +190,8 @@ h3{ ...@@ -202,7 +190,8 @@ h3{
} }
.form-content .form-items { .form-content .form-items {
border: 3px solid #fff; /*border: 3px solid #fff;*/
background-color: black; /*forma*/
padding: 40px; padding: 40px;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
......
SkuciSe/src/main/resources/templates/index.html
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -40,10 +40,10 @@ ...@@ -40,10 +40,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
...@@ -86,8 +86,6 @@ ...@@ -86,8 +86,6 @@
</ul> </ul>
</div> </div>
</nav> </nav>
<div id="pozadina">
</div>
<div class="container-fluid pb-0 mb-0 justify-content-center text-light "> <div class="container-fluid pb-0 mb-0 justify-content-center text-light ">
<footer> <footer>
......
SkuciSe/src/main/resources/templates/lista-korisnika.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/lista-oglasa.html
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -40,10 +40,10 @@ ...@@ -40,10 +40,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/login.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/novi-oglas-form.html
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -40,10 +40,10 @@ ...@@ -40,10 +40,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/password-edit.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/profile-edit.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/profile.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</head> </head>
<body th:object="${loggedUser}"> <body th:object="${loggedUser}">
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
......
SkuciSe/src/main/resources/templates/register.html
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-icon-top navbar-expand-lg p-3" style="background-color: white;"> <nav class="navbar navbar-icon-top navbar-expand-lg p-3">
<a class="navbar-brand" href="#"> </a> <a class="navbar-brand" href="#"> </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
...@@ -39,10 +39,10 @@ ...@@ -39,10 +39,10 @@
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
<li class="d-flex flex-column align-items-center justify-content-center ml-4 mt-2"> <li class="nav-item active">
<a class="d-flex flex-column align-items-center justify-content-center" th:href="@{/lista-oglasa}"> <a class="nav-link" th:href="@{/lista-oglasa}">
<i class="fas fa-poll-h"></i> <i class="fa fa-poll-h"></i>
Oglasi Lista oglasa
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</a> </a>
</li> </li>
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
</div> </div>
</nav> </nav>
<div class="form-body d-flex justify-content-center w-100 mt-5"> <div class="form-body d-flex justify-content-center w-100 h-100">
<div class="row"> <div class="row">
<div class="form-holder"> <div class="form-holder">
<div class="form-content" style="bottom:50px;"> <div class="form-content" style="bottom:50px;">
...@@ -141,7 +141,8 @@ ...@@ -141,7 +141,8 @@
</div> </div>
<div class="col-md-12 mt-2" style="color:white;"> <div class="col-md-12 mt-2" style="color:white;">
<input class="form-control" name="image" type="file" id="formFileMultiple" accept="image/png, image/jpeg" multiple /> <input class="form-control" name="image" type="file" id="formFileMultiple"
accept="image/png, image/jpeg" multiple/>
<div class="invalid-feedback">Unesite sliku!</div> <div class="invalid-feedback">Unesite sliku!</div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment