source: src/main/resources/templates/formAdd.html@ d3cf3a1

Last change on this file since d3cf3a1 was d3cf3a1, checked in by Marija Micevska <marija_micevska@…>, 2 years ago

Initial commit

  • Property mode set to 100644
File size: 4.6 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <title>Додавање предмет</title>
6 <style>
7 @import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');
8 @import url('https://fonts.googleapis.com/css2?family=Cormorant+Unicase:wght@600&display=swap');
9
10 body {
11 margin: 0;
12 background: whitesmoke;
13 font-family: 'Cormorant Unicase', serif;
14 font-weight: 800;
15 }
16
17 .container {
18 width: 80%;
19 margin: 0 auto;
20 }
21
22 header {
23 background: whitesmoke;
24 }
25
26 header::after {
27 content: '';
28 display: table;
29 clear: both;
30 }
31
32 .logo {
33 float: left;
34 padding: 10px 0;
35 }
36
37 nav {
38 float: right;
39 }
40
41 nav ul {
42 margin: 0;
43 padding: 0;
44 list-style: none;
45 }
46
47 nav li {
48 display: inline-block;
49 margin-left: 70px;
50 padding-top: 23px;
51
52 position: relative;
53 }
54
55 nav a {
56 color: #444;
57 text-decoration: none;
58 text-transform: uppercase;
59 font-size: 14px;
60 }
61
62 nav a:hover {
63 color: #000;
64 }
65
66 nav a::before {
67 content: '';
68 display: block;
69 height: 5px;
70 background-color: #444;
71
72 position: absolute;
73 top: 0;
74 width: 0%;
75
76 transition: all ease-in-out 250ms;
77 }
78
79 nav a:hover::before {
80 width: 100%;
81 }
82
83 .Accordion + .Accordion {
84 margin-top: 1em;
85 }
86
87 .Accordion input[type="radio"],
88 .Accordion input[type="checkbox"] {
89 display: none;
90 }
91
92 .Accordion input:checked + .Accordion-subElements > .Accordion-subElement {
93 height: 2em;
94 -webkit-transform: scale(1);
95 transform: scale(1);
96 }
97
98 .Accordion-item label {
99 display: block;
100 padding: 1em;
101 background-color: lightsteelblue;
102 color: black;
103 font-weight: bold;
104 cursor: pointer;
105 }
106
107 .Accordion-item label:hover {
108 background-color: cornflowerblue;
109 }
110
111 button {
112 display: inline-block;
113 border-radius: 4px;
114 background-color: black;
115 border: none;
116 color: snow;
117 text-align: center;
118 font-size: 18px;
119 padding: 10px;
120 width: 100px;
121 transition: all 0.5s;
122 cursor: pointer;
123 margin: 5px;
124
125
126 }
127
128 input[type=submit], input[type=reset],input[type=password],input[type=number] {
129 background-color: snow;
130 border: none;
131 color: black;
132 padding: 16px 32px;
133 text-decoration: none;
134 margin: 4px 2px;
135 cursor: pointer;
136 }
137 footer {
138 text-align: center;
139 padding: 3px;
140 color: white;
141 }
142 *{
143 background-color: whitesmoke;
144 font-family: 'Cormorant Unicase', serif;
145 }
146 a:link, a:visited {
147 color: black;
148 text-align: center;
149 text-decoration: none;
150 display: inline-block;
151 }
152
153
154 #search{
155 background-color: whitesmoke;
156 border-style: solid;
157 border-width: thin;
158 border-color: black;
159 color: black;
160 padding: 12px 20px;
161 text-decoration: none;
162 margin: 8px 0;
163
164 cursor: pointer;
165 }
166
167 input[type=text],input[type=password],input[type=number]{
168 width: 60%;
169 padding: 12px 20px;
170 margin: 8px 0;
171 box-sizing: border-box;
172 }
173 input[type=text]:focus,input[type=password]:focus,input[type=number]{
174 background-color: snow;
175 }
176
177
178 .Accordion-subElement a {
179 display: block;
180 padding-left: 2em;
181 color: inherit;
182 text-decoration: none;
183 }
184
185
186 </style>
187</head>
188<body>
189
190<form method="POST" th:action="@{'/admin/add/subject'}">
191
192 <div>
193 <label for="ime">Име</label>
194 <input type="text"
195 id="ime"
196 name="ime"
197 th:value="${subjects?.name}"
198 required>
199 </div>
200
201 <button id="submit" type="submit">Додади</button>
202
203</form>
204
205</body>
206</html>
Note: See TracBrowser for help on using the repository browser.