Nějaký základ nové verze CSSek
This commit is contained in:
parent
48123a8ce2
commit
b8b0c5440f
5 changed files with 218 additions and 223 deletions
|
@ -14,11 +14,10 @@ div.kontejner {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
|
||||||
|
|
||||||
|
.org-logged-in & {
|
||||||
.org-logged-in div.kontejner {
|
margin-top: var(--login-bar-height);
|
||||||
margin-top: var(--login-bar-height);
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.kontent-wrapper {
|
div.kontent-wrapper {
|
||||||
|
@ -34,10 +33,9 @@ div.kontent {
|
||||||
.full_width {
|
.full_width {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
margin-left: calc(-50vw + 485px);
|
margin-left: calc(-50vw + 485px);
|
||||||
}
|
|
||||||
/* Na úzkém displeji nechceme nic dělat. */
|
/* Na úzkém displeji nechceme nic dělat. */
|
||||||
@media(max-width: 860px) {
|
@media(max-width: 860px) {
|
||||||
.full_width{
|
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
width: unset;
|
width: unset;
|
||||||
}
|
}
|
||||||
|
@ -69,15 +67,15 @@ div.kontent {
|
||||||
background: url("../images/header/vikendovka.jpg") no-repeat center top; /* poměr 350:970, TODO: aby to nemuselo být přesně na pixely */
|
background: url("../images/header/vikendovka.jpg") no-repeat center top; /* poměr 350:970, TODO: aby to nemuselo být přesně na pixely */
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
top: 58px;
|
top: 58px;
|
||||||
}
|
|
||||||
|
|
||||||
#header img.logo {
|
img.logo {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
|
||||||
}
|
}
|
||||||
|
|
||||||
#header img.logo-mobile {
|
img.logo-mobile {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-mobile {
|
.no-mobile {
|
||||||
|
@ -96,29 +94,27 @@ div.kontent {
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4));
|
filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4));
|
||||||
padding-top: 3.5%;
|
padding-top: 3.5%;
|
||||||
}
|
|
||||||
|
|
||||||
#footer p.license {
|
p.license {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
|
||||||
|
|
||||||
#footer p.license a {
|
a {
|
||||||
color: #333;
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 650px) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p.license-mobile {
|
p.license-mobile {
|
||||||
display: none;
|
display: none;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 650px) {
|
@media (max-width: 650px) {
|
||||||
#footer {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
p.license-mobile {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
|
@ -143,10 +139,10 @@ div.login-bar {
|
||||||
|
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
|
||||||
|
|
||||||
div.login-bar div {
|
div {
|
||||||
display: inline;
|
display: inline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a.login-ref-admin {
|
a.login-ref-admin {
|
||||||
|
@ -158,11 +154,11 @@ a.login-ref-admin {
|
||||||
display: inline;
|
display: inline;
|
||||||
color: var(--barva-pozadi);
|
color: var(--barva-pozadi);
|
||||||
float: right;
|
float: right;
|
||||||
}
|
|
||||||
|
|
||||||
.napis-webarum a {
|
a {
|
||||||
color: var(--svetla-oranzova);
|
color: var(--svetla-oranzova);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/*******************/
|
/*******************/
|
||||||
|
|
||||||
|
@ -250,30 +246,34 @@ ul.menu {
|
||||||
margin-top: -5px; /* posune celé menu nahoru (pak potřeba zvětšit mezeru mezi menu a submenu) */
|
margin-top: -5px; /* posune celé menu nahoru (pak potřeba zvětšit mezeru mezi menu a submenu) */
|
||||||
|
|
||||||
font-variant: small-caps;
|
font-variant: small-caps;
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 105%;
|
font-size: 105%;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.menu li {
|
li {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 16.666667%;
|
width: 16.666667%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
font-size: 140%;
|
font-size: 140%;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu li>a:hover {
|
>a:hover {
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.menu li>a:active { /* TODO: nefunfuje */
|
>a:active { /* TODO: nefunfuje */
|
||||||
color: black;
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.active>a {
|
||||||
|
color: var(--svetla-oranzova);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.submenu {
|
ul.submenu {
|
||||||
|
@ -284,31 +284,25 @@ ul.submenu {
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
|
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
|
||||||
}
|
|
||||||
|
|
||||||
ul.submenu {
|
|
||||||
background-color: var(--hlavni-oranzova);
|
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
|
||||||
|
|
||||||
ul.submenu li {
|
li {
|
||||||
width: auto;
|
width: auto;
|
||||||
padding: 0 20px 0 20px;
|
padding: 0 20px 0 20px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
|
||||||
ul.submenu li>a {
|
|
||||||
color: var(--svetla-oranzova);
|
|
||||||
text-decoration: none;
|
|
||||||
text-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.submenu li>a:hover {
|
>a {
|
||||||
color: black;
|
color: var(--svetla-oranzova);
|
||||||
}
|
text-decoration: none;
|
||||||
|
text-shadow: none;
|
||||||
|
|
||||||
ul.menu li.active>a {
|
:hover {
|
||||||
color: var(--svetla-oranzova);
|
color: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.submenu li.active>a, .parentactive ul li:first-child>a {
|
ul.submenu li.active>a, .parentactive ul li:first-child>a {
|
||||||
|
@ -316,22 +310,21 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 970px) {
|
@media (max-width: 970px) {
|
||||||
|
|
||||||
ul.menu {
|
ul.menu {
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
margin-top: -7px;
|
margin-top: -7px;
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu li {
|
li {
|
||||||
margin-top: 10px; /* posunutí textu hlavního menu níže */
|
margin-top: 10px; /* posunutí textu hlavního menu níže */
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.submenu li {
|
|
||||||
margin-top: 0; /* 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 */
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -339,18 +332,18 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
|
||||||
ul.menu {
|
ul.menu {
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
margin-top: -2px;
|
margin-top: -2px;
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu li {
|
li {
|
||||||
margin-top: 10px; /* posunutí textu hlavního menu níže */
|
margin-top: 10px; /* posunutí textu hlavního menu níže */
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.submenu li {
|
|
||||||
margin-top: 0; /* 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 */
|
margin-top: 8px; /* mezera mezi hlavním menu a submenu */
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-top: 0; /* aby se spolu s textem hlavního menu neposunoval níže i text submenu */
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -370,31 +363,33 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
padding-bottom: 3px;
|
padding-bottom: 3px;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu_mobile a:active,
|
a {
|
||||||
ul.menu_mobile a:hover,
|
&:active, &:hover, &:focus {
|
||||||
ul.menu_mobile a:focus {
|
text-decoration: none;
|
||||||
text-decoration: none;
|
color: black;
|
||||||
color: black;
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.menu_mobile ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
color: black; /*černé šipky submenu*/
|
color: black; /*černé šipky submenu*/
|
||||||
}
|
|
||||||
|
|
||||||
ul.menu_mobile ul li > a {
|
li {
|
||||||
color: black;
|
> a {
|
||||||
}
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
ul.menu_mobile ul li::before {
|
&::before {
|
||||||
content: ' \276D '; /*https://www.w3schools.com/cssref/css_entities.asp*/
|
content: ' \276D '; /*https://www.w3schools.com/cssref/css_entities.asp*/
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
ul.menu_mobile br {
|
br {
|
||||||
display: none;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.nav-button {
|
nav.nav-button {
|
||||||
|
@ -442,27 +437,23 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a {
|
||||||
|
|
||||||
|
|
||||||
/**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
|
/**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
|
||||||
body.localweb:before, body.localweb:after,
|
body.localweb, body.testweb, body.suprodweb {
|
||||||
body.testweb:before, body.testweb:after,
|
&:before, &:after {
|
||||||
body.suprodweb:before, body.suprodweb:after {
|
content: "";
|
||||||
content: "";
|
position: fixed;
|
||||||
position: fixed;
|
width: 20px;
|
||||||
width: 20px;
|
height: 100%;
|
||||||
height: 100%;
|
top: 0;
|
||||||
top: 0;
|
z-index: -1000;
|
||||||
z-index: -1000;
|
}
|
||||||
|
|
||||||
|
&:before { left: 0; }
|
||||||
|
&:after { right: 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
body.localweb:before, body.testweb:before, body.suprodweb:before {
|
body.localweb { &:before, &:after { background: greenyellow; } }
|
||||||
left: 0;
|
body.testweb { &:before, &:after { background: darkorange; } }
|
||||||
}
|
body.suprodweb { &:before, &:after { background: red; } }
|
||||||
body.localweb:after, body.testweb:after, body.suprodweb:after {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.localweb:before, body.localweb:after { background: greenyellow; }
|
|
||||||
body.testweb:before, body.testweb:after { background: darkorange; }
|
|
||||||
body.suprodweb:before, body.suprodweb:after { background: red; }
|
|
||||||
/****************************************************************/
|
/****************************************************************/
|
||||||
|
|
||||||
|
|
||||||
|
@ -473,19 +464,15 @@ body.suprodweb:before, body.suprodweb:after { background: red; }
|
||||||
.titulnistrana {
|
.titulnistrana {
|
||||||
display: flex;
|
display: flex;
|
||||||
text-align: justify;
|
text-align: justify;
|
||||||
}
|
|
||||||
|
|
||||||
.titulnistrana h1 {
|
h1 { text-align: center; }
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.zjistit_vic{
|
.zjistit_vic{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
|
||||||
|
|
||||||
.zjistit_vic hr {
|
hr { display: none; }
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.graf-svg {
|
.graf-svg {
|
||||||
|
@ -513,18 +500,20 @@ body.suprodweb:before, body.suprodweb:after { background: red; }
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.novinka_obrazek {
|
.novinka {
|
||||||
margin: 10px 0 10px 0;
|
.novinka_obrazek {
|
||||||
width: 100%;
|
margin: 10px 0 10px 0;
|
||||||
}
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.novinka_datum {
|
.novinka_datum {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.novinka_autor {
|
.novinka_autor {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.org-text {
|
div.org-text {
|
||||||
|
|
|
@ -15,15 +15,15 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
margin: 10px -10px;
|
margin: 10px -10px;
|
||||||
border: var(--orgovska-fialova) 2px dashed;
|
border: var(--orgovska-fialova) 2px dashed;
|
||||||
}
|
|
||||||
|
|
||||||
.mam-org-only .mam-org-only {
|
& .mam-org-only {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
li.mam-org-only {
|
&li {
|
||||||
padding: 3px 0;
|
padding: 3px 0;
|
||||||
margin: -2px 0;
|
margin: -2px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/**********************************/
|
/**********************************/
|
||||||
|
|
||||||
|
@ -208,24 +208,24 @@ div.org_email {
|
||||||
|
|
||||||
.tabulka_oramovane_sloupce {
|
.tabulka_oramovane_sloupce {
|
||||||
border: solid 2px;
|
border: solid 2px;
|
||||||
}
|
|
||||||
|
|
||||||
.tabulka_oramovane_sloupce td:first-child, .tabulka_oramovane_sloupce th:first-child {
|
td, th {
|
||||||
border-left: none;
|
&:first-child, &:first-child {
|
||||||
border-right: solid 1px;
|
border-left: none;
|
||||||
}
|
border-right: solid 1px;
|
||||||
|
}
|
||||||
|
|
||||||
.tabulka_oramovane_sloupce td:nth-child(2), .tabulka_oramovane_sloupce th:nth-child(2) {
|
&:nth-child(2), &:nth-child(2) {
|
||||||
border-left: none;
|
border-left: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabulka_oramovane_sloupce td, .tabulka_oramovane_sloupce th {
|
padding: 0.1em 0.3em;
|
||||||
padding: 0.1em 0.3em;
|
border-left: solid 1px;
|
||||||
border-left: solid 1px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.tabulka_oramovane_sloupce thead th, .tabulka_oramovane_sloupce thead td {
|
thead { th, td {
|
||||||
border-bottom: solid 1px;
|
border-bottom: solid 1px;
|
||||||
|
} }
|
||||||
}
|
}
|
||||||
/***********************************/
|
/***********************************/
|
||||||
|
|
||||||
|
@ -233,25 +233,26 @@ div.org_email {
|
||||||
/** Tabulka se střídajícími se barvami řádků **/
|
/** Tabulka se střídajícími se barvami řádků **/
|
||||||
/* Skoro jakákoliv tabulka kromě výsledkovek */
|
/* Skoro jakákoliv tabulka kromě výsledkovek */
|
||||||
|
|
||||||
.barevna_tabulka td th {
|
.barevna_tabulka {
|
||||||
padding: 1px 10px 1px 10px;
|
td th {
|
||||||
}
|
padding: 1px 10px 1px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.barevna_tabulka tbody tr:nth-child(even), .barevna_tabulka thead tr {
|
tbody tr:nth-child(even), thead tr {
|
||||||
background: var(--svetlounka-oranzova);
|
background: var(--svetlounka-oranzova);
|
||||||
}
|
}
|
||||||
|
|
||||||
.barevna_tabulka tbody tr:nth-child(odd) {
|
tbody tr:nth-child(odd) {
|
||||||
background: var(--barva-pozadi);
|
background: var(--barva-pozadi);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/**********************************************/
|
/**********************************************/
|
||||||
|
|
||||||
|
|
||||||
/** Tabulka, kde první řádek a sloupec je pořád vidět **/
|
/** Tabulka, kde první řádek a sloupec je pořád vidět **/
|
||||||
/* Např. tabulka odevzdaných řešení, nebo výsledkovky */
|
/* Např. tabulka odevzdaných řešení, nebo výsledkovky */
|
||||||
|
|
||||||
/* Omezí výšku a šířku, aby bylo příjemné na scrollování a zapne scrollování */
|
|
||||||
.tabulka_s_uchycenym_radkem_a_sloupcem {
|
.tabulka_s_uchycenym_radkem_a_sloupcem {
|
||||||
|
/* Omezí výšku a šířku, aby bylo příjemné na scrollování a zapne scrollování */
|
||||||
display: block;
|
display: block;
|
||||||
width: fit-content; /* display: block; roztahuje na celou šířku */
|
width: fit-content; /* display: block; roztahuje na celou šířku */
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
|
@ -261,21 +262,21 @@ div.org_email {
|
||||||
|
|
||||||
border-collapse: separate; /* Pokud má tabulka orámování, je potřeba ho separovat, aby dodrželo position: sticky; */
|
border-collapse: separate; /* Pokud má tabulka orámování, je potřeba ho separovat, aby dodrželo position: sticky; */
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
|
||||||
|
|
||||||
/* Uchytí první řádek */
|
/* Uchytí první řádek */
|
||||||
.tabulka_s_uchycenym_radkem_a_sloupcem thead tr {
|
thead tr {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Uchytí první sloupec */
|
/* Uchytí první sloupec */
|
||||||
.tabulka_s_uchycenym_radkem_a_sloupcem td:first-child, .tabulka_s_uchycenym_radkem_a_sloupcem th:first-child {
|
td, th { &:first-child {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
left: 0;
|
left: 0;
|
||||||
background: inherit; /* (Snad) zneprůhlední první sloupec */
|
background: inherit; /* (Snad) zneprůhlední první sloupec */
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
} }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* (Snad) zneprůhlednění prvního řádku (a sloupce) FIXME: tohle je trochu hack a potenciálně může něco rozbít */
|
/* (Snad) zneprůhlednění prvního řádku (a sloupce) FIXME: tohle je trochu hack a potenciálně může něco rozbít */
|
||||||
|
@ -294,11 +295,11 @@ div.org_email {
|
||||||
/** Tabulka mající všechna ohraničení **/
|
/** Tabulka mající všechna ohraničení **/
|
||||||
.plne_ohranicena_tabulka {
|
.plne_ohranicena_tabulka {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
}
|
|
||||||
|
|
||||||
.plne_ohranicena_tabulka tr th, .plne_ohranicena_tabulka tr td {
|
tr { th, td {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
padding: 1px 10px 1px 10px;
|
padding: 1px 10px 1px 10px;
|
||||||
|
} }
|
||||||
}
|
}
|
||||||
/***************************************/
|
/***************************************/
|
||||||
|
|
||||||
|
@ -329,8 +330,13 @@ div.org_email {
|
||||||
|
|
||||||
|
|
||||||
/** Tabulka mých (řešitelových) řešení **/
|
/** Tabulka mých (řešitelových) řešení **/
|
||||||
.moje_reseni tr th, .moje_reseni tr td { text-align: center; }
|
.moje_reseni tr {
|
||||||
.moje_reseni tr td.problem { text-align: left; }
|
th, td {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
td.problem { text-align: left; }
|
||||||
|
}
|
||||||
|
|
||||||
/* Různá šířka problému */
|
/* Různá šířka problému */
|
||||||
.odevzdanareseni_mid, .odevzdanareseni_small, .odevzdanareseni_mini { display: none; }
|
.odevzdanareseni_mid, .odevzdanareseni_small, .odevzdanareseni_mini { display: none; }
|
||||||
|
@ -355,20 +361,19 @@ div.org_email {
|
||||||
/** Detail řešení **/
|
/** Detail řešení **/
|
||||||
.bodovani>input {
|
.bodovani>input {
|
||||||
width: 4em;
|
width: 4em;
|
||||||
}
|
|
||||||
|
|
||||||
.bodovani>input::placeholder {
|
&::placeholder {
|
||||||
color: lightgray;
|
color: lightgray;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bodovani>input::-webkit-input-placeholder { /* Edge */
|
&::-webkit-input-placeholder { /* Edge */
|
||||||
color: lightgray;
|
color: lightgray;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* td obsahující křížek v detailu řešení se nesmí smrštit na 0 */
|
/* td obsahující křížek v detailu řešení se nesmí smrštit na 0 */
|
||||||
/* FIXME až bude firefox příčetný, nahradit td:has(.smazat_hodnoceni) */
|
.td:has(.smazat_hodnoceni) {
|
||||||
.has_smazat_hodnoceni {
|
|
||||||
min-width: 20px;
|
min-width: 20px;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
}
|
}
|
||||||
|
@ -453,12 +458,13 @@ label.field-required {
|
||||||
ul.form li{
|
ul.form li{
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
}
|
}
|
||||||
p.gdpr {
|
|
||||||
font-size: 6pt;
|
|
||||||
margin-bottom: .66em;
|
|
||||||
}
|
|
||||||
div.gdpr {
|
div.gdpr {
|
||||||
font-size: 6pt;
|
font-size: 6pt;
|
||||||
|
|
||||||
|
p {
|
||||||
|
font-size: 6pt;
|
||||||
|
margin-bottom: .66em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* registrace */
|
/* registrace */
|
||||||
|
|
|
@ -119,7 +119,7 @@
|
||||||
<td class="bodovani teamovaCast">{{ subform.body_neprepocitane_celkem }}</td>
|
<td class="bodovani teamovaCast">{{ subform.body_neprepocitane_celkem }}</td>
|
||||||
<td>{{ subform.deadline_body }}</td>
|
<td>{{ subform.deadline_body }}</td>
|
||||||
<td>{{ subform.feedback }}</td>
|
<td>{{ subform.feedback }}</td>
|
||||||
<td class="has_smazat_hodnoceni"><a href="#" class="smazat_hodnoceni" id="id_{{subform.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
|
<td><a href="#" class="smazat_hodnoceni" id="id_{{subform.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
@ -138,7 +138,7 @@
|
||||||
<td class="bodovani teamovaCast">{{ form.empty_form.body_neprepocitane_celkem }}</td>
|
<td class="bodovani teamovaCast">{{ form.empty_form.body_neprepocitane_celkem }}</td>
|
||||||
<td>{{ form.empty_form.deadline_body }}</td>
|
<td>{{ form.empty_form.deadline_body }}</td>
|
||||||
<td>{{ form.empty_form.feedback }}</td>
|
<td>{{ form.empty_form.feedback }}</td>
|
||||||
<td class="has_smazat_hodnoceni"><a href="#" class="smazat_hodnoceni" id="id_{{form.empty_form.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
|
<td><a href="#" class="smazat_hodnoceni" id="id_{{form.empty_form.prefix}}-jsremove" title="Smazat hodnocení"><img src="{% static "odevzdavatko/cross.png" %}" alt="Smazat"></a></td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
|
@ -4,37 +4,37 @@ K tomu, abychom mohli zpracovávat Tvá data (uložit si tvou adresu, zobrazit T
|
||||||
Pokud se zpracováváním souhlasíš dle níže uvedených podmínek, zaškrtni políčko níže.
|
Pokud se zpracováváním souhlasíš dle níže uvedených podmínek, zaškrtni políčko níže.
|
||||||
</p>
|
</p>
|
||||||
<div class="gdpr">
|
<div class="gdpr">
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Získáváme od Tebe údaje vyplněné v přihlášce do semináře (jméno, příjmení, poštovní a e-mailovou adresu, školu, kterou navštěvuješ a rok maturity), případně v přihlášce na soustředění (navíc datum narození, telefonní číslo). Také uchováváme všechna řešení, která nám pošleš, a jejich hodnocení.
|
Získáváme od Tebe údaje vyplněné v přihlášce do semináře (jméno, příjmení, poštovní a e-mailovou adresu, školu, kterou navštěvuješ a rok maturity), případně v přihlášce na soustředění (navíc datum narození, telefonní číslo). Také uchováváme všechna řešení, která nám pošleš, a jejich hodnocení.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Slibujeme Ti, že Tvá osobní data nezneužijeme k ničemu, co by nesouviselo s M&M nebo s dalšími aktivitami Matfyzu, a nikdy je nepředáme nikomu cizímu. Údaje využíváme k zajištění chodu semináře a také je sdílíme s ostatními propagačními akcemi Matfyzu, abychom mohli vyhodnocovat úspěšnost akcí. Pokud budeš mít zájem, budeme Ti také posílat zajímavé zprávy a novinky týkajíci se Matfyzu.
|
Slibujeme Ti, že Tvá osobní data nezneužijeme k ničemu, co by nesouviselo s M&M nebo s dalšími aktivitami Matfyzu, a nikdy je nepředáme nikomu cizímu. Údaje využíváme k zajištění chodu semináře a také je sdílíme s ostatními propagačními akcemi Matfyzu, abychom mohli vyhodnocovat úspěšnost akcí. Pokud budeš mít zájem, budeme Ti také posílat zajímavé zprávy a novinky týkajíci se Matfyzu.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Veřejně vystavujeme pouze seznam přezdívek (pro výběr spoluřešitelů k řešení) a výsledkové listiny, které také uchováváme pro archivní účely. Pokud ale z nějakého důvodu nebudeš chtít mít své jméno či školu uvedené ve výsledkové listině, není problém to zařídit, napiš nám. Z tištěných materiálů samozřejmě údaje už odstranit nemůžeme.
|
Veřejně vystavujeme pouze seznam přezdívek (pro výběr spoluřešitelů k řešení) a výsledkové listiny, které také uchováváme pro archivní účely. Pokud ale z nějakého důvodu nebudeš chtít mít své jméno či školu uvedené ve výsledkové listině, není problém to zařídit, napiš nám. Z tištěných materiálů samozřejmě údaje už odstranit nemůžeme.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Na soustředěních a dalších akcích semináře navíc pořizujeme fotografie a videozáznamy a používáme je ke zpravodajským a propagačním účelům. Pro propagační účely si od Tebe vyžádáme samostatný souhlas na začátku akce.
|
Na soustředěních a dalších akcích semináře navíc pořizujeme fotografie a videozáznamy a používáme je ke zpravodajským a propagačním účelům. Pro propagační účely si od Tebe vyžádáme samostatný souhlas na začátku akce.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
<i>Souhlas se zpracováním osobních údajů pro potřeby chodu semináře</i>
|
<i>Souhlas se zpracováním osobních údajů pro potřeby chodu semináře</i>
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Tímto uděluji souhlas Univerzitě Karlově, se sídlem Ovocný trh 560/5, 116 36 Praha 1, IČO 00216208 (dále jen UK), která je správcem osobních údajů všech fakult a součástí UK, ke zpracování osobních údajů pro potřeby Korespondenčního semináře M&M a Matematicko-fyzikální fakulty UK (dále jen M&M a MFF UK).
|
Tímto uděluji souhlas Univerzitě Karlově, se sídlem Ovocný trh 560/5, 116 36 Praha 1, IČO 00216208 (dále jen UK), která je správcem osobních údajů všech fakult a součástí UK, ke zpracování osobních údajů pro potřeby Korespondenčního semináře M&M a Matematicko-fyzikální fakulty UK (dále jen M&M a MFF UK).
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Tento souhlas uděluji pro všechny výše uvedené osobní údaje, a to po dobu účasti v semináři a 10 let poté, a dále souhlasím s uchováváním potřebných dat pro archivní účely i po této lhůtě (vystavené výsledkové listiny aj.).
|
Tento souhlas uděluji pro všechny výše uvedené osobní údaje, a to po dobu účasti v semináři a 10 let poté, a dále souhlasím s uchováváním potřebných dat pro archivní účely i po této lhůtě (vystavené výsledkové listiny aj.).
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
MFF UK tyto údaje zpracovává za účelem evidence řešitelů a účastníků M&M, k zajištění celoročního fungování semináře, analýze účinnosti jednotlivých propagačních akcí MFF UK a zpravodajským účelům. Osobám, které o to projeví zájem v nastavení svého účtu, bude MFF UK také zasílat propagační materiály.
|
MFF UK tyto údaje zpracovává za účelem evidence řešitelů a účastníků M&M, k zajištění celoročního fungování semináře, analýze účinnosti jednotlivých propagačních akcí MFF UK a zpravodajským účelům. Osobám, které o to projeví zájem v nastavení svého účtu, bude MFF UK také zasílat propagační materiály.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Údaje nebudou předány třetí osobě ani využívány k jiným účelům, než ke kterým byly poskytnuty.
|
Údaje nebudou předány třetí osobě ani využívány k jiným účelům, než ke kterým byly poskytnuty.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Tento souhlas uděluji ze své vlastní a svobodné vůle a beru na vědomí, že jej mohu kdykoliv odvolat zasláním e-mailu na adresu mam@matfyz.cz. Stejně tak může být požadováno vymazání i z archivních údajů M&M, pokud to bude technicky možné. Beru na vědomí, že údaje z tištěných publikací není možné zpětně odstranit.
|
Tento souhlas uděluji ze své vlastní a svobodné vůle a beru na vědomí, že jej mohu kdykoliv odvolat zasláním e-mailu na adresu mam@matfyz.cz. Stejně tak může být požadováno vymazání i z archivních údajů M&M, pokud to bude technicky možné. Beru na vědomí, že údaje z tištěných publikací není možné zpětně odstranit.
|
||||||
</p>
|
</p>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
Dále máte právo:
|
Dále máte právo:
|
||||||
</p>
|
</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -44,7 +44,7 @@ Dále máte právo:
|
||||||
<li>požadovat, aby byly vaše osobní údaje předány jinému správci,
|
<li>požadovat, aby byly vaše osobní údaje předány jinému správci,
|
||||||
<li>podat stížnost u dozorového úřadu.
|
<li>podat stížnost u dozorového úřadu.
|
||||||
</ul>
|
</ul>
|
||||||
<p class="gdpr">
|
<p>
|
||||||
V případě jakéhokoliv dotazu nebo uplatnění svých práv můžete kontaktovat pověřence pro ochranu osobních údajů na e-mailové adrese gdpr@cuni.cz.
|
V případě jakéhokoliv dotazu nebo uplatnění svých práv můžete kontaktovat pověřence pro ochranu osobních údajů na e-mailové adrese gdpr@cuni.cz.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{% for novinka in object_list %}
|
{% for novinka in object_list %}
|
||||||
{# pripravene div-y na stylovani#}
|
{# pripravene div-y na stylovani#}
|
||||||
<div>
|
<div class="novinka">
|
||||||
{% if not novinka.zverejneno and user.je_org %}
|
{% if not novinka.zverejneno and user.je_org %}
|
||||||
<div class="mam-org-only">
|
<div class="mam-org-only">
|
||||||
<ul>
|
<ul>
|
||||||
|
|
Loading…
Reference in a new issue