Revize 6ddecabb
Přidáno uživatelem Ondřej Anděl před téměř 4 roky(ů)
application/index.php | ||
---|---|---|
25 | 25 |
<body> |
26 | 26 |
<div class="container-fluid"> |
27 | 27 |
<?php include "./view/header.html" ?> |
28 |
<div class="row app-content"> |
|
29 |
<?php include "./view/menu.php" ?> |
|
28 |
<?php include "./view/menu.php" ?> |
|
30 | 29 |
|
31 |
<div class="col-xs-12 col-sm-10 p-4 content d-flex"> |
|
30 |
<div class="row app-content"> |
|
31 |
<div class="col-xs-12 col-sm-12 p-4 content d-flex"> |
|
32 | 32 |
<?php include "./view/indexContent.html" ?> |
33 | 33 |
</div> |
34 | 34 |
</div> |
application/search.php | ||
---|---|---|
23 | 23 |
<body> |
24 | 24 |
<div class="container-fluid"> |
25 | 25 |
<?php include "./view/header.html" ?> |
26 |
<div class="row app-content"> |
|
27 |
<?php include "./view/menu.php" ?> |
|
26 |
<?php include "./view/menu.php" ?> |
|
28 | 27 |
|
29 |
<div class="col-xs-12 col-sm-10 p-4 content d-flex"> |
|
28 |
<div class="row app-content"> |
|
29 |
<div class="col-xs-12 col-sm-12 p-5 pb-4 content d-flex"> |
|
30 | 30 |
<?php include "./view/searchContent.php" ?> |
31 | 31 |
</div> |
32 | 32 |
</div> |
application/users.php | ||
---|---|---|
20 | 20 |
<body> |
21 | 21 |
<div class="container-fluid"> |
22 | 22 |
<?php include "./view/header.html" ?> |
23 |
<div class="row app-content"> |
|
24 |
<?php include "./view/menu.php" ?> |
|
23 |
<?php include "./view/menu.php" ?> |
|
25 | 24 |
|
26 |
<div class="col-xs-12 col-sm-10 p-4 content d-flex"> |
|
25 |
<div class="row app-content"> |
|
26 |
<div class="col-xs-12 col-sm-12 p-4 content d-flex"> |
|
27 | 27 |
<?php include "./view/userContent.php" ?> |
28 | 28 |
</div> |
29 | 29 |
</div> |
application/view/header.html | ||
---|---|---|
1 | 1 |
<div class="row app-header"> |
2 |
<div class="col-xs-12 col-sm-12 my-auto "> |
|
3 |
<h1 class="mx-auto title"> |
|
4 |
Staročeská kronika tak řečeného DALIMILA |
|
5 |
</h1> |
|
6 |
<h3 class="mx-auto title">Databáze slov a tvarů</h3> |
|
2 |
<div class="col-xs-12 col-sm-12 my-auto d-inline-flex title"> |
|
3 |
<img class="logo my-auto mr-5" src="view/img/zcu-logo.jpg"> |
|
4 |
<div class="my-auto"> |
|
5 |
<h1 class="mb-0">Staročeská kronika tak řečeného DALIMILA</h1> |
|
6 |
<h3>Databáze slov a tvarů</h3> |
|
7 |
</div> |
|
7 | 8 |
</div> |
8 | 9 |
</div> |
application/view/menu.php | ||
---|---|---|
1 |
<div class="col-xs-12 col-sm-2 menu"> |
|
2 |
<h4 class="pt-4 px-4"> |
|
3 |
Menu |
|
4 |
</h4> |
|
5 |
<div class="d-flex flex-column"> |
|
1 |
<div class="row menu"> |
|
2 |
<div class="d-flex mx-auto"> |
|
6 | 3 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'], '/index.php') ? 'active' : '');?>" href="index.php">Úvodní info</a> |
7 | 4 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/search.php') ? 'active' : '');?>" href="search.php">Vyhledávání</a> |
8 | 5 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/login.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#login-modal">Přihlášení</a> |
9 | 6 |
<?php |
10 | 7 |
if (isset($_SESSION['role']) && $_SESSION['role'] == "admin") { |
11 |
echo "<a class=\"px-4 py-1";
|
|
12 |
echo (strstr($_SERVER['PHP_SELF'],'/users.php') ? 'active' : '');
|
|
8 |
echo "<a class=\" px-4 py-1 ";
|
|
9 |
echo (strstr($_SERVER['PHP_SELF'],'/users.php') ? 'active\"' : '\"');
|
|
13 | 10 |
echo "href=\"users.php\">Správa uživatelů</a>"; |
14 | 11 |
} |
15 | 12 |
?> |
16 |
<a class="px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/settings.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#settings-modal" id="modalSettingsHref">Nastavení</a> |
|
13 |
<a class="my-auto px-4 py-1 <?php echo (strstr($_SERVER['PHP_SELF'],'/settings.php') ? 'active' : '');?>" href="#" data-toggle="modal" data-target="#settings-modal" id="modalSettingsHref">Nastavení</a>
|
|
17 | 14 |
</div> |
18 | 15 |
</div> |
application/view/searchContent.php | ||
---|---|---|
457 | 457 |
</div> |
458 | 458 |
</div> |
459 | 459 |
|
460 |
<div class="search-results my-4">
|
|
460 |
<div class="search-results mt-4">
|
|
461 | 461 |
<table class="table table-striped"> |
462 | 462 |
<thead> |
463 | 463 |
<tr> |
application/view/style.css | ||
---|---|---|
3 | 3 |
src: url('fonts/charis-sil/CharisSILR.ttf') format('truetype'); |
4 | 4 |
} |
5 | 5 |
|
6 |
@font-face { |
|
7 |
font-family: 'Impacted'; |
|
8 |
src: url('fonts/impacted/IMPACTED.ttf') format('truetype'); |
|
9 |
} |
|
10 |
|
|
6 | 11 |
html, body, .container-fluid { |
7 | 12 |
height: 100%; |
8 | 13 |
font-family: 'Charis', Fallback, sans-serif; |
9 | 14 |
} |
10 | 15 |
|
11 | 16 |
.app-header { |
12 |
background-image: linear-gradient( #A5ca79, #376039);
|
|
17 |
color: #376039;
|
|
13 | 18 |
height: 15%; |
14 | 19 |
} |
15 | 20 |
|
21 |
.logo { |
|
22 |
height: 80px; |
|
23 |
} |
|
24 |
|
|
16 | 25 |
.app-header .title { |
17 | 26 |
width: max-content; |
18 |
font-family: "Georgia, Arial, sans-serif", cursive; |
|
27 |
justify-content: center; |
|
28 |
font-family: 'Impacted', Fallback, sans-serif; |
|
19 | 29 |
} |
20 | 30 |
|
21 | 31 |
.app-content { |
22 |
height: 80%;
|
|
32 |
height: 75%;
|
|
23 | 33 |
} |
24 | 34 |
|
25 |
.app-content .menu { |
|
26 |
background-color: #e0e9d8; |
|
27 |
border-right: #4B4B4B solid 2px; |
|
35 |
.menu { |
|
36 |
height: 5%; |
|
37 |
background-image: linear-gradient( #A5ca79, #376039); |
|
38 |
color: white; |
|
28 | 39 |
} |
29 | 40 |
|
30 |
.app-content .menu a { |
|
31 |
color: black; |
|
41 |
.menu a { |
|
42 |
height: 100%; |
|
43 |
color: white; |
|
32 | 44 |
background-color: transparent; |
33 | 45 |
} |
34 | 46 |
|
35 |
.app-content .menu a:hover,
|
|
36 |
.app-content .menu a:focus {
|
|
37 |
background-color: #bde48e;
|
|
47 |
.menu a:hover, |
|
48 |
.menu a:focus { |
|
49 |
background-color: #A5ca79;
|
|
38 | 50 |
text-decoration: none; |
39 |
border-radius: 15px 50px 50px 15px; |
|
40 | 51 |
} |
41 | 52 |
|
42 |
.app-content .menu .active{
|
|
43 |
background-color: #A5ca79;
|
|
53 |
.menu .active{ |
|
54 |
background-image: linear-gradient(#376039, #A5ca79);
|
|
44 | 55 |
text-decoration: none; |
45 |
border-radius: 15px 50px 50px 15px; |
|
46 | 56 |
} |
47 | 57 |
|
48 | 58 |
.app-content .content { |
49 |
background-color: #ecf5e4;
|
|
59 |
background-color: #f1f1f1;
|
|
50 | 60 |
height: 100%; |
51 | 61 |
flex-direction: column; |
52 | 62 |
} |
... | ... | |
54 | 64 |
.app-footer { |
55 | 65 |
text-align: center; |
56 | 66 |
background-image: linear-gradient( #A5ca79, #376039); |
67 |
color: white; |
|
57 | 68 |
height: 5%; |
58 | 69 |
} |
59 | 70 |
|
... | ... | |
65 | 76 |
background-image: linear-gradient( #A5ca79, #376039); |
66 | 77 |
} |
67 | 78 |
|
79 |
.app-content .content .search-filters { |
|
80 |
max-width: none !important; |
|
81 |
} |
|
82 |
|
|
68 | 83 |
.app-content .content .search-results { |
69 | 84 |
height: 100%; |
70 | 85 |
overflow: auto; |
71 | 86 |
} |
72 | 87 |
|
73 | 88 |
.app-content .content .search-results .action-td { |
74 |
width: 15%;
|
|
89 |
width: 13%;
|
|
75 | 90 |
} |
76 | 91 |
|
77 | 92 |
input, select { |
Také k dispozici: Unified diff
Bug #8650: Návrh vzhledu ver 3.