Browse Source

titulka pro mobily (nějak), vycentrování grafu

export_seznamu_prednasek
Kateřina Č 4 years ago
parent
commit
729f110cd1
  1. 225
      mamweb/static/css/mamweb.css
  2. 1
      seminar/templates/seminar/titulnistrana.html

225
mamweb/static/css/mamweb.css

@ -422,6 +422,70 @@ input {
margin: 5px;
}
/* titulni stranka */
.titulnistrana {
display: flex;
text-align: justify;
}
.titulnistrana h1 {
text-align: center;
}
.zjistit_vic{
text-align: center;
margin-bottom: 30px;
}
.zjistit_vic hr {
display: none;
}
.graf-svg {
display: flex;
}
#svg-graf {
width: 100%;
height: auto;
margin: 30px;
}
.titulnistrana_obsah {
width: 66%;
}
.vitej_titulka, .temata_titulka {
width: 49%;
padding: 10px;
display: table-cell;
}
.titulnistrana_novinky {
width: 33%;
padding: 10px;
}
.novinka_obrazek {
margin: 10px 0px 10px 0px;
width: 100%;
}
.novinka_datum {
font-weight: bold;
}
.novinka_autor {
text-align: right;
font-style: italic;
}
div.org-text {
font-style: italic;
}
/**********************
* Zmenšování displeje
***********************/
@ -451,42 +515,22 @@ input {
width: 100%;
}
div.novinky{
max-width: 100%;
margin-left: auto;
margin-right: auto;
float: none;
}
div.graf{
width: 70%;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
#svg-graf{
width: 100%;
height: auto;;
}
ul.menu {
ul.menu {
font-size: 90%;
margin-top: -7px;
}
}
ul.menu li {
ul.menu li {
margin-top: 10px; /* posunutí textu hlavního menu níže */
}
}
ul.submenu li {
ul.submenu li {
margin-top: 0px; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
}
}
ul.submenu {
ul.submenu {
margin-top: 8px; /* mezera mezi hlavním menu a submenu */
}
}
}
@ -518,6 +562,44 @@ ul.submenu {
display: inline-grid;
max-width: 300px;
}
/* titulni stranka */
.titulnistrana {
display: block;
}
.graf {
padding-top: 40px;
}
.titulnistrana_obsah {
width: 100%;
}
.vitej_titulka, .temata_titulka {
width: 49%;
padding: 10px;
display: table-cell;
}
.titulnistrana_novinky {
width: 100%;
max-width: 500px;
padding: 10px;
margin: auto;
}
#svg-graf {
width: 100%;
max-width: 500px;
padding: 10px;
margin: auto;
}
.zjistit_vic hr {
display: flex;
}
}
/* malý tablet, mobil */
@ -659,17 +741,33 @@ ul.submenu {
text-align: justify;
}
div.novinky {
max-width: 100%;
float: none;
table.form td, table.form tr {
display: inherit;
}
div.graf {
/* titulni stranka */
.titulnistrana {
display: block;
}
.graf {
padding-top: 40px;
}
.titulnistrana_obsah {
width: 100%;
}
table.form td, table.form tr {
display: inherit;
.vitej_titulka, .temata_titulka {
width: 100%;
padding: 10px;
display: block;
}
.titulnistrana_novinky {
width: 100%;
padding: 10px;
}
}
@ -967,65 +1065,6 @@ div.cislo_odkazy ul {
}
/* titulni stranka */
.titulnistrana {
display: flex;
text-align: justify;
}
.titulnistrana h1 {
text-align: center;
}
/*
.temata_titulka .button {
color: #6f2509;
/*background-color: #fdedd5;*
background-color: #fffbf6;
}*/
.zjistit_vic{
text-align: center;
}
.graf {
padding-top: 40px;
}
.titulnistrana_obsah {
width: 66%;
}
.vitej_titulka, .temata_titulka {
width: 49%;
padding: 10px;
display: table-cell;
}
.titulnistrana_novinky {
width: 33%;
padding: 10px;
}
.novinka_obrazek {
margin: 10px 0px 10px 0px;
width: 100%;
}
.novinka_datum {
font-weight: bold;
}
.novinka_autor {
text-align: right;
font-style: italic;
}
div.org-text {
font-style: italic;
}
/**/
ul.form {

1
seminar/templates/seminar/titulnistrana.html

@ -60,6 +60,7 @@
<span class="zjistit_vic">
<h2><a href="/co-je-MaM/uvod/">Zjistit víc!</a></h2>
<hr>
</span>
</div>

Loading…
Cancel
Save