Kdy a kde
Od 12. srpna na HBO
Proč to sledovat
Nec nemore singulis laboramus an, quo mentitum consulatu definiebas no. Te mei populo minimum, ad mea honestatis intellegebat. Sit eripuit officiis legendos te. Pro consulatu interpretaris in, his in stet partem forensibus. Augue hendrerit duo at, te sit eius tamquam pertinax, inani causae eam eu. Enim decore epicuri pri ex. Ne sed utinam vocibus, iusto
*/
.art-ocekavane .Rtable {
position: relative;
display: flex;
flex-wrap: wrap;
margin: 0 0 0 0;
padding: 0;
}
.art-ocekavane .Rtable--2cols > .Rtable-cell {
width: 90%;
}
.art-ocekavane .Rtable--2cols > .Rtable-cell--head {
width: 10%;
}
.art-ocekavane .Rtable-cell--head {
}
.art-ocekavane .Rtable-cell {
box-sizing: border-box;
flex-grow: 1;
width: 100%;
padding: 0px;
margin: 0px;
/*overflow: hidden;*/
list-style: none;
background: #f3f3f3;
}
.art-ocekavane .Rtable-cell h3 {
position: relative;
padding: 0;
margin: 25px 0 0 0px;
color: #000;
font-size: 24px;
}
@media (max-width: 500px) {
.art-ocekavane .Rtable--collapse > .Rtable-cell {
width: 100% !important;
}
}
/*články výpis*/
/************************************velká diskuze************************************/
.disc-desc {
position: relative;
margin: 0;
background: #f3f3f3;
color: #000;
padding: 0px 0px 0px 15px;
font-size: 13px;
}
.disc-desc .dd-in {
position: relative;
float: right;
margin: 0;
padding: 20px 10px 20px 0px;
width: 80%;
min-height: 70px;
}
.disc-desc .dd-auth {
position: relative;
float: right;
margin: 0;
padding: 20px 0px 0px 60px;
width: 20%;
font-size: 13px;
word-wrap: break-word;
}
.disc-desc .dd-auth span {
display: none;
}
.disc-desc .dd-auth a, .disc-desc .dd-in a {
text-decoration:none;
color: #000;
}
.disc-desc .dd-auth img {
position: absolute;
top: 10px;
left: 0px;
width: 50px;
height: 50px;
margin: 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
@media only screen and (max-width: 500px) {
h2 .headprava, .headprava, .disc-desc .dd-auth img {
display: none;
}
.disc-desc .dd-in {
position: relative;
margin: 0;
padding: 10px 10px 10px 0px;
width: 100%!important;
min-height: 30px;
}
.disc-desc .dd-auth {
position: relative;
margin: 0;
padding: 10px 0px 0px 0px!important;
width: 100%!important;
font-size: 13px;
word-wrap: break-word;
}
.disc-desc .dd-auth span {
display: inline;
}
.head-box a.headprava2 span, .head-box h2 a.headprava2 span {
display: none;
}
/*.head-box a.headprava2 {
margin: 2px 0 0 0;
} */
}
/*diskuze level 2*/
table.discall td div.tdh .tdh-in-k2d,
table.discall td div.tdh .inlink,
table.discall td a.tdishead div.disc-in-nick
{
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.disc-in-form {
position: relative;
background: #eee;
margin: 15px 0 20px 0;
padding: 20px;
}
.disc-in-form-l {
position: relative;
float: left;
width: calc(75% - 20px);
margin-right: 20px;
}
.disc-in-form-l-art {
position: relative;
float: left;
width: 100%;
margin-right: 20px;
}
.disc-in-form-r {
position: relative;
float: right;
width: 25%;
font-size: 12px;
padding: 10px 0 0 0;
}
.disc-in-form-l input.nadpis, .disc-in-form-l-art input.nadpis {
position: relative;
width: 100%;
height: 36px;
padding: 4px 5px 4px 5px;
margin: 0 0 10px 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
.disc-in-form-l input.nadpis-small, .disc-in-form-l-art input.nadpis-small {
position: relative;
float: left;
width: calc(70% - 10px);
height: 36px;
padding: 4px 5px 4px 5px;
margin: 0 0 10px 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
.disc-in-form-l-art select.sel-recip {
position: relative;
float: right;
width: 30%;
height: 36px;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
overflow: hidden;
margin: 0 0 10px 0;
padding: 4px 5px;
}
.disc-in-form-l textarea, .disc-in-form-l-art textarea {
position: relative;
width: 100%;
height: 200px;
padding: 4px 5px 4px 5px;
margin: 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
.disc-in-form-l .format-buttons, .c-box-body .format-buttons, .disc-in-form-l-art .format-buttons, .bbbb .format-buttons {
position: relative;
float: left;
width: 360px;
/*width: 60%;*/
padding: 0px;
margin: 5px 0 10px 0;
/*background: green;*/
}
.disc-in-form-l .opsend a, .c-box-body .format-buttons .opsend a, .disc-in-form-l-art .opsend a, .bbbb .opsend a {
position: relative;
float: left;
text-decoration: none;
color: #fff;
text-align: center;
background: #3e82af;
padding: 5px 8px 7px 8px;
margin: 0 3px 0 0px;
font-family: K2D;
font-weight: normal;
/*text-transform: uppercase;*/
font-size: 13px;
}
.disc-in-form-l .opsend a:hover, .c-box-body .format-buttons .opsend a:hover, .bbbb .opsend a:hover {
color: #000;
background: #fff;
text-decoration: none;
}
.disc-in-form-l-art .check-info-line label {
display: -webkit-flex;
display: flex;
align-items: center;
height: 20px;
padding 0;
color: #000;
overflow: hidden;
white-space: nowrap;
font-size: 13px;
}
/*našeptávač diskuze*/
#naseptano {
position: absolute;
top: 20px;
right: 0px;
z-index: 100;
width: 270px;
padding: 5px;
background: #2f6385;
color: #fff;
font-size: 12px;
z-index: 999;
}
#naseptano a {
display: block;
width: 100%;
height: 40px;
margin-bottom: 5px;
line-height: 160%;
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
#naseptano a:hover {
background: #eee;
color: #000;
}
.display_box {
position: relative;
padding: 0px;
margin: 0px;
background: #2f6385;
color: #fff;
/*height: 40px;*/
}
.display_box a {
color: #fff;
text-decoration: none;
}
/*našeptávač diskuze end */
.opsend2 {
position: relative;
float: right;
margin: 5px 0 0 0;
padding: 0 0 0 33px;
font-size: 12px;
color: #1e851e;
/*width: 180px;*/
}
.opsend2 input, .opsend2 a {
position: relative;
float: right;
color: #000;
text-align: center;
background: #fff;
padding: 5px 15px 7px 15px;
margin: 0px 0 0 0;
border: 0;
cursor: pointer;
font-family: 'K2D', sans-serif;
font-weight: normal;
/*text-transform: uppercase;*/
font-size: 13px;
text-decoration: none;
}
.opsend2 input:hover, .opsend2 a:hover {
color: #fff;
background: #3e82af;
}
/* opsend4 je varianta pro timeline*/
.opsend4 {
/*position: relative;
float: right;*/
position: absolute;
top: 10px;
right: 10px;
margin: 3px 0 0 0;
padding: 0 0 0 33px;
font-size: 12px;
color: #1e851e;
/*width: 180px;*/
}
.opsend4 input, .opsend4 a {
position: relative;
float: right;
color: #000;
text-align: center;
background: #fff;
padding: 5px 15px 7px 15px;
margin: 0px 0 0 0;
border: 0;
cursor: pointer;
font-family: 'K2D', sans-serif;
font-weight: normal;
/*text-transform: uppercase;*/
font-size: 13px;
text-decoration: none;
}
.opsend4 input:hover, .opsend4 a:hover {
color: #fff;
background: #005eb0;
}
/* tlačítka se samostatnou ikonou mimo sprite */
.opsend-single-right, .opsend-single-left {
display: flex;
min-width: 106px;
height: 30px!important;
align-content: center;
padding: 0px;
font-size: 12px;
}
.opsend-single-right {
position: absolute;
top: 10px;
right: 10px;
}
.opsend-single-left {
position: absolute;
top: 10px;
left: 10px;
}
.opsend-single-right input, .opsend-single-left input {
position: relative;
height: 30px!important;
min-width: 120px;
color: #000;
text-align: center;
/*background: #fff url('images/hb-pikt-plus-modra-single-bg-eee.png') top left no-repeat;*/
background: #fff url('images/timeline_plus-bg_gray.svg') -1px 0px no-repeat;
background-size: 37px 31px;
margin: 0;
border: 0;
cursor: pointer;
font-family: 'K2D', sans-serif;
font-weight: normal;
font-size: 13px;
text-decoration: none;
}
.opsend-single-right input {
padding: 0 0 0 38px;
}
.opsend-single-left input {
padding: 0 10px 0 46px;
}
.opsend-single-right input:hover, .opsend-single-left input:hover {
color: #fff;
/*background: #005eb0 url(images/hb-pikt-plus-modra-single-bg-eee.png) top left no-repeat;*/
background: #005eb0 url('images/timeline_plus-bg_gray.svg') -1px 0px no-repeat;
background-size: 37px 31px;
height: 30px!important;
}
/*flash news tlačítko na HP*/
.opsend-flash {
position: relative;
display: flex;
align-items: center;
float: right;
color: #1e851e;
}
a.opsend-flash {
position: relative;
text-decoration: none;
color: #000;
margin: 0 0px 10px 0px;
font-family: K2D;
font-weight: normal;
/* text-transform: uppercase; */
font-size: 12px;
}
a.opsend-flash > :first-child {
text-align: center;
background: #fff;
padding: 4px 8px 4px 8px;
margin: 0 4px 0 0;
}
a.opsend-flash:hover > :first-child {
color: #fff;
background: #2b88c7;
text-decoration: none;
}
/**********************/
.opsend-red, .opsend-blue, .opsend-white {
position: relative;
float: right;
margin: 5px 0 0px 10px;
padding: 0 0 0 0px;
font-size: 12px;
color: #fff;
/*width: 180px;*/
}
.opsend-red a, .opsend-blue a, .opsend-white a {
position: relative;
float: right;
text-align: center;
padding: 5px 15px 7px 15px;
margin: 0px 0 0 0;
border: 0;
cursor: pointer;
font-family: 'K2D', sans-serif;
font-weight: normal;
font-size: 13px;
text-decoration: none;
}
.opsend-red a {
color: #fff;
background: #cd0000;
}
.opsend-blue a {
color: #fff;
background: #3e82af;
}
.opsend-white a {
color: #3e82af;
background: #fff;
}
.opsend-red a:hover {
color: #cd0000;
background: #fff;
}
.opsend-blue a:hover {
color: #3e82af;
background: #fff;
}
.opsend-white a:hover {
color: #fff;
background: #3e82af;
}
.c-box-body-info {
position: relative;
float: right;
margin: 10px 0 0 0;
padding: 0;
font-size: 12px;
color: #329e49;
}
table.discall {
width: 100%;
border-collapse: collapse;
font-family: Open Sans;
}
table.discall tr {
background: #f3f3f3;
border-bottom: 3px solid #fff;
}
table.discall th {
background: #3e82af;
color: #fff;
font-weight: normal;
}
table.discall td {
font-size: 13px;
}
table.discall td, table.discall th {
padding: 15px;
border: 1px solid #fff;
text-align: left;
}
table.discall td div.tdh {
height: 86px;
}
table.discall td div.tdh .tdh-in-k2d {
height: 45px;
margin: 0 0 6px 0;
padding: 16px 0 0 0;
font-family: 'K2D', sans-serif;
font-size: 18px;
}
table.discall td div.tdh .inlink {
position: relative;
float: left;
display: block;
height: 19px;
margin: 4px 0 0 0;
padding: 0px 30px 0 23px;
font-size: 12px;
}
table.discall td div.tdh .inlink a {
background: #fff;
padding: 1px 4px 2px 4px;
}
table.discall td span {
display: block;
position: relative;
overflow: hidden;
}
table.discall td a {
color: #000;
text-decoration: none;
}
table.discall td a.tdishead {
margin: 0;
}
table.discall td a.tdishead img {
width: 48px;
height: 48px;
margin: 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
table.discall td a.tdishead div.disc-in-nick {
margin: -38px 0 20px 56px;
font-family: 'K2D', sans-serif;
font-size: 16px;
height: 20px;
}
/**********************diskuze - mobilní verze *********************/
@media only screen and (max-width: 700px) {
.disc-in-form {
background: #eee;
margin: 15px 0 20px 0;
padding: 10px;
}
.disc-in-form-l {
width: 100%;
}
.disc-in-form-r {
display: none;
}
/* zrušení toho, aby se tabulky chovaly jako tabulky kvůli mbl zařízení */
table.discall, table.discall thead, table.discall tbody, table.discall th, table.discall td, table.discall tr {
display: block;
}
/* skrytí hlaviček kvůli přístupnosti */
table.discall thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
table.discall tr {
border: 1px solid #fff;
border-bottom: 2px solid #fff;
}
table.discall td {
border: none;
border-bottom: 1px solid #fff;
position: relative;
padding-left: 100px;
/*overflow-x: hidden;*/
overflow: hidden;
font-size: 13px;
}
table.discall td div.tdh {
width: 100%;
height: 15px;
overflow: hidden;
padding-left: 10px;
}
table.discall td div.tdh .tdh-in-k2d {
margin: -1px 0 0 0;
padding: 0px;
font-family: 'K2D', sans-serif;
font-size: 13px;
overflow: hidden;
}
table.discall td a.tdishead , table.discall td a.tdishead img, .hb-pikt-disc-l2in {
display: none;
}
table.discall td div.tdh .inlink {
margin: -3px 0 0 -22px;
font-size: 12px;
}
table.discall td div.tdh .inlink a {
background: #f3f3f3;
padding: 0;
font-family: 'K2D', sans-serif;
font-size: 13px;
}
table.discall td span {
display: inline;
position: relative;
overflow: hidden;
}
table.discall td:before {
position: absolute;
top: 0px;
left: 0px;
width: 100px;
padding: 15px 10px 15px 10px;
white-space: nowrap;
overflow: hidden;
background: #3e82af;
color: #fff;
}
.disc-in-form-l .format-buttons, disc-in-form-l-art .format-buttons {
position: relative;
float: left;
width: 100%;
padding: 0px;
margin: 5px 0 10px 0;
}
.disc-in-form-l .opsend a, .disc-in-form-l-art .opsend a {
position: relative;
float: left;
text-decoration: none;
color: #fff;
text-align: center;
background: #3e82af;
padding: 4px 5px 6px 5px;
margin: 0 3px 0 0px;
font-family: K2D;
font-weight: normal;
font-size: 12px;
}
/*našeptávač diskuze*/
#naseptano {
position: absolute;
top: 200px;
left: 0px;
z-index: 100;
width: 100%;
max-width: 320px
padding: 5px;
background: #2f6385;
color: #fff;
font-size: 12px;
z-index: 999;
}
/*našeptávač diskuze end */
/*
Label the data
*/
table.discall td:nth-of-type(1):before { content: "Diskuze"; }
table.discall td:nth-of-type(2):before { content: "Poslední"; }
table.discall td:nth-of-type(3):before { content: "Příspěvků"; }
}
/****************diskuze level 3****************/
.c-box-head-nick a, .c-box-head-nick2 a {
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}
.disc-in-lv3-head {
background: #eee;
margin: 15px 0 24px 0;
padding: 5px 10px 15px 10px;
}
.disc-in-lv3-head .opsend3 a {
position: relative;
float: left;
text-decoration: none;
color: #fff;
text-align: center;
background: #3e82af;
padding: 5px 8px 7px 8px;
margin: 5px 3px 0 0px;
font-family: K2D;
font-weight: normal;
/*text-transform: uppercase;*/
font-size: 13px;
}
.disc-in-lv3-head .opsend3 a:hover {
color: #000;
background: #fff;
}
.contrib-box {
position: relative;
margin: 0 0 15px 0;
}
.c-box-head {
position: relative;
background: #3e82af;
padding: 10px;
height: 80px;
}
.c-box-head img.cbh {
position: absolute;
top: 10px;
left: 10px;
width: 60px;
height: 60px;
margin: 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
.c-box-head-nick {
position: absolute;
top: 22px;
left: 80px;
padding: 0px 0px 0 0;
margin: 0;
height: 45px;
font-size: 10px;
color: #fff;
line-height: 190%;
overflow: hidden;
/*background: green;*/
}
.c-box-head-nick2 {
position: absolute;
top: 22px;
left: 80px;
padding: 0px 0px 0 0;
margin: 0;
height: 45px;
font-size: 20px;
color: #fff;
line-height: 90%;
overflow: hidden;
/*background: green;*/
}
.c-box-head-nick a, .c-box-head-nick3 a {
font-size: 20px;
color: #fff;
font-family: 'K2D', sans-serif;
text-decoration: none;
}
.c-box-head-nick2 a {
font-size: 12px!important;
color: #fff;
font-family: 'K2D', sans-serif;
text-decoration: none;
}
.c-box-head-date {
position: absolute;
top: 28px;
right: 10px;
padding: 2px 30px 0 0;
margin: 0 0 0 0;
width: 300px;
height: 17px;
font-size: 12px;
text-align: right;
color: #fff;
}
.c-box-body {
position: relative;
overflow: hidden;
background: #f1f1f1;
padding: 15px 18px 5px 18px;
}
.cbb-text {
position: relative;
overflow: hidden;
background: #fff;
font-size: 13px;
padding: 12px 15px 12px 15px;
margin: 0 0 8px 0;
overflow: hidden;
/*word-break: break-word;
line-break: anywhere;
text-wrap: balance;*/
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
.cbb-text > :first-child {
margin: 0 !important;
}
.cbb-text video {
position: relative;
width: 100%;
height: auto;
}
.cbb-text a, .timeline-in-comment p a {
color: #005eb0;
text-decoration: underline;
}
.cbb-text p, .timelineline .cbb-text p {
margin: 10px 0 0 0;
}
.cbb-text p img, .cbb-text img {
max-width: 100%!important;
height: auto!important;
}
.cbb-text .pureimage {
text-align: center;
}
.cbb-text blockquote {
position: relative;
overflow: hidden;
background: #f3f3f3;
color: #5f5f5f;
font-size: 11px;
padding: 10px;
margin: 0 0 14px 0!important;
}
.cbb-text .c-box-head-nick-citace {
font-size: 13px;
margin: 0 0 4px 0;
color: #2f6385;
font-family: 'K2D', sans-serif;
}
.cbb-text .spoiler, .spoiler {
color: #3e82af;
background: #3e82af;
}
.cbb-text .spoiler a, .spoiler a {
color: #fff!important;
text-decoration: none;
margin-right: 5px;
}
.cbb-signature {
position: relative;
color: #2f6385;
font-size: 10px;
overflow: hidden;
border-top: 1px solid #dedede;
margin: 10px 0 0 0;
padding: 4px 0 0 0;
font-family: 'K2D', sans-serif;
}
/*status ikony*/
.status-on, .status-off {
position: absolute;
display: block;
top: 0px;
right: 0px;
/*z-index: 1000;*/
display: table-cell;
width: 21px;
height: 21px;
text-align: center;
padding: 3px 0 0 0;
border-radius: 50%;
color: #fff;
font-size: 10px;
/*font: 10px "K2D";*/
}
.status-on {
background: #329e49;
}
.status-off {
background: #cd0000;
}
@media only screen and (max-width: 600px) {
.disc-hide {
display: none;
}
.c-box-head {
position: relative;
background: #3e82af;
padding: 10px;
height: 58px;
}
.c-box-head img.cbh {
position: absolute;
top: 8px;
left: 8px;
width: 40px;
height: 40px;
margin: 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
.c-box-head-nick {
position: absolute;
top: 14px;
left: 58px;
padding: 0px 0px 0 0;
margin: 0;
height: 38px;
font-size: 10px;
color: #fff;
line-height: 150%;
width: 40%;
overflow: hidden;
}
.c-box-head-nick2 {
position: absolute;
top: 14px;
left: 58px;
padding: 0px 0px 0 0;
margin: 0;
height: 38px;
font-size: 16px;
color: #fff;
line-height: 90%;
width: 40%;
overflow: hidden;
}
.c-box-head-nick a {
position: relative;
display: box;
font-size: 16px;
height: 18px;
color: #fff;
font-family: 'K2D', sans-serif;
text-decoration: none;
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
/*background: green;*/
}
.c-box-head-nick2 a {
position: relative;
display: box;
font-size: 10px;
height: 12px;
color: #fff;
font-family: 'K2D', sans-serif;
text-decoration: none;
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
/*background: green;*/
}
.c-box-head-date {
position: absolute;
top: 20px;
right: 8px;
padding: 4px 28px 0 0;
margin: 0 0 0 0;
height: 17px;
font-size: 9px;
text-align: right;
color: #fff;
}
.c-box-body .format-buttons {
position: relative;
float: left;
width: 100%;
padding: 0px;
margin: 5px 0 10px 0;
}
.c-box-body .format-buttons .opsend a {
position: relative;
float: left;
text-decoration: none;
color: #fff;
text-align: center;
background: #3e82af;
padding: 4px 5px 6px 5px;
margin: 0 3px 0 0px;
font-family: K2D;
font-weight: normal;
font-size: 12px;
}
.c-box-body .opsend2 {
margin: 0px 0 10px 0;
}
.opsend-red a, .opsend-blue a, .opsend-white a {
position: relative;
float: right;
text-align: center;
padding: 4px 5px 6px 5px;
margin: 0 0 5px -5px;
border: 0;
cursor: pointer;
font-family: 'K2D', sans-serif;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}
.disc-in-form-l input.nadpis-small, .disc-in-form-l-art input.nadpis-small {
position: relative;
width: 100%;
height: 36px;
padding: 4px 5px 4px 5px;
margin: 0 0 10px 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
.disc-in-form-l-art select.sel-recip {
position: relative;
width: 100%;
height: 36px;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
overflow: hidden;
margin: 0 0 10px 0;
padding: 4px 5px;
}
}
@media only screen and (max-width: 400px) {
.disc-in-form {
background: #eee;
margin: 15px 0 20px 0;
padding: 8px 3px 8px 3px;
}
.opsend2 {
position: relative;
float: left;
margin: 5px 0 0 0;
padding: 0 0 0 33px;
font-size: 12px;
color: #1e851e;
/* width: 180px; */
}
}
/************************************pata*********************************************/
.footer {
/*grid-row-start: 3;
grid-row-end: 4;*/
background: #004b8c; /*Jarda*/
z-index: 99;
flex-shrink: 0; /*kvůli divu obal*/
}
.footer .foot-in {
margin: 0 auto;
max-width: 1020px;
background: #004b8c;
color: #fff;
padding-bottom: 15px;
}
.footer a.foot-lg {
width: 186px;
height: 41px;
margin: 0;
padding: 0;
}
.footer a.foot-lg img {
width: 180px;
height: 32px;
margin-top: 10px;
}
.footer img.logo-foot-ico {
/*background: url('images/serialzone3-180-logo.png') 0px 0px no-repeat;*/
background: url('images/serialzone-logo-3bis.svg') 0px 0px no-repeat;
width: 180px;
height: 32px;
}
.footer a.logofootlink {
position: relative;
display: block;
text-decoration:none;
color: #fff;
margin: 0px 0 0px 0;
}
.footer ul.foota, .footer ul.footb {
position: relative;
list-style-type: none;
line-height: 125%;
padding: 0px;
margin-top: 10px;
}
.footer ul.foota {
font-family: 'K2D', sans-serif;
font-weight:400;
font-size: 16px;
}
.footer ul.foota li {
position: relative;
padding: 0px;
margin: 0 0 5px 0;
text-align: left;
}
.footer ul.footb li {
position: relative;
padding: 0px;
margin: 0 0 2px 0;
text-align: left;
}
.footer ul.foota a, a.lightblue {
color: #b3d8f6;
text-decoration: none;
}
.footer ul.footb a {
color: #fff;
text-decoration: none;
}
.footer .company {
position: relative;
float: right;
width: 82px;
height: 27px;
margin: 18px 0 0 0px;
padding: 0;
}
.footer .dark-switch {
position: relative;
float: right;
width: 30px;
height: 30px;
margin: 50px 0 0 0px;
padding: 0;
}
.footer .dark-switch img {
width: 30px;
height: 30px;
}
.footer .company img {
width: 82px;
height: 27px;
}
.footer .social {
position: relative;
float: right;
width: 22px;
height: 22px;
margin: 0 0 0 7px;
padding: 0;
}
.footer .social a img {
width: 22px;
height: 22px;
}
.footer .social img.fb {
width: 22px;
height: 22px;
/*background: url('images/social-sprite.png') 0px -52px no-repeat;*/
background: url('images/footer_facebook.svg') top left no-repeat;
}
.footer .social img.twitter {
width: 22px;
height: 22px;
/*background: url('images/social-sprite.png') -27px -52px no-repeat;*/
background: url('images/footer_twitter.svg') top left no-repeat;
}
.footer .social img.rss {
width: 22px;
height: 22px;
/*background: url('images/social-sprite.png') -54px -52px no-repeat;*/
background: url('images/footer_rss.svg') top left no-repeat;
}
.footer .social img.insta {
width: 22px;
height: 22px;
/*background: url('images/social-sprite.png') -54px -52px no-repeat;*/
background: url('images/insta.svg') top left no-repeat;
}
.footer .dark-switch {
width: 30px;
height: 30px;
background: url('images/darkmode_on.svg') top left no-repeat;
}
/************************************branding*****************************************/
a#hpbglink-brand, #hpbglink-brand {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
min-height: 1280px;
height: 2160px;
margin: 0 auto;
padding: 0 0 0 0px;
cursor: hand;
}
/************************************profil uživatele*****************************************/
.main-box-line {
position: relative;
width: 100%;
height: 300px;
padding: 0px;
margin: 0px 0 0 0;
}
.main-big-box {
position: relative;
float: left;
width: calc(100% - 330px);
height: 300px;
padding: 20px 0 0 0;
margin: 0px;
background: #f3f3f3;
}
#user-img {
position: relative;
float: left;
height: 260px;
width: 100px;
padding: 0px;
margin: 0px 0px 0px 20px;
overflow: hidden;
}
#user-img img {
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
margin-bottom: 10px;
width: 100px;
height: 100px;
}
a.user-button {
position: relative;
display: block;
background: #354557;
font-size: 10px;
font-weight: normal;
padding: 4px 0 4px 0;
margin: 4px 0 0 0;
text-align: center;
text-decoration: none;
color: #fff;
}
.up-box {
position: relative;
float: left;
width: calc(100% - 170px);
height: 260px;
padding: 0px 0 0 0;
margin: 0px 20px 0 30px;
}
.up-box table {
position: relative;
width: 100%;
padding: 0px 0 0 0;
margin: 20px 0px 0 0px;
font-size: 13px;
font-weight: normal;
border-collapse: collapse;
table-layout: fixed;
}
.up-box table td:nth-child(even) {
background-color: #fff;
width: 110px;
}
.up-box table td:nth-child(odd) {
background-color: #e7e7e7;
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
white-space: normal;
}
.up-box table td:first-child {
padding: 0;
background: #f3f3f3;
width: 32px;
}
.up-box table td {
height: 28px;
max-height: 28px;
padding: 0px 8px 0px 8px;
border: 1px solid #f3f3f3;
overflow: hidden;
}
.up-box table td a {
text-decoration: none;
color: #000;
}
.up-box table td div {
max-height: 45px;
line-height: 120%;
/*background: green;*/
margin: 0px 0 2px 0;
}
.bg-pikt-user, .bg-pikt-age, .bg-pikt-home, .bg-pikt-tw, .bg-pikt-insta, .bg-pikt-fb, .bg-pikt-txt {
position: relative;
display: block;
margin: 1px 0 0 0;
width: 26px;
height: 26px;
}
.bg-pikt-user {
/*background: #f3f3f3 url('images/social-sprite.png') 0px -246px no-repeat;*/
background: #f3f3f3 url('images/user_name.svg') top left no-repeat;
}
.bg-pikt-age {
/*background: #f3f3f3 url('images/social-sprite.png') -27px -246px no-repeat;*/
background: #f3f3f3 url('images/user_age.svg') top left no-repeat;
}
.bg-pikt-home {
/*background: #f3f3f3 url('images/social-sprite.png') -54px -246px no-repeat;*/
background: #f3f3f3 url('images/user_address.svg') top left no-repeat;
}
.bg-pikt-tw {
/*background: #f3f3f3 url('images/social-sprite.png') -81px -246px no-repeat;*/
background: #f3f3f3 url('images/user_twitter.svg') top left no-repeat;
}
.bg-pikt-insta {
background: #f3f3f3 url('images/user_instagram.svg') top left no-repeat;
}
.bg-pikt-fb {
/*background: #f3f3f3 url('images/social-sprite.png') -108px -246px no-repeat;*/
background: #f3f3f3 url('images/user_facebook.svg') top left no-repeat;
}
.bg-pikt-txt {
/*background: #f3f3f3 url('images/social-sprite.png') -135px -246px no-repeat;*/
background: #f3f3f3 url('images/user_comment.svg') top left no-repeat;
}
@media only screen and (max-width: 800px) {
.main-big-box {
position: relative;
width: 100%;
padding: 10px 0 0 0;
}
.main-box-line, .main-big-box, .up-box {
height: auto;
}
.up-box {
position: relative;
float: left;
width: calc(100% - 170px);
min-height: 260px;
padding: 0px 0 20px 0;
margin: 0px 20px 0 30px;
}
.square {
display: none;
}
}
@media only screen and (max-width: 500px) {
.main-box-line {
margin-top: -10px;
}
.main-big-box {
padding: 10px 0 0px 0;
}
.main-box-line, .main-big-box, .up-box {
height: auto;
}
#user-img {
position: relative;
float: left;
height: auto;
width: 60px;
padding: 0px;
margin: 0px 0px 0px 10px;
overflow: hidden;
}
#user-img img {
width: 60px;
height: 60px;
}
.up-box {
position: relative;
float: left;
width: calc(100% - 100px);
min-height: 100px;
padding: 0px 0 20px 0;
margin: 0px 10px 0 20px;
}
.up-box table td:nth-child(even) {
background-color: #fff;
width: 80px;
}
}
/*********************************profil osobnosti************************************/
#act-img {
position: relative;
float: left;
height: 220px;
width: 150px;
padding: 0px;
margin: 0px 0px 0px 20px;
overflow: hidden;
}
#act-img img {
width: 150px;
height: 220px;
}
.up-box2 {
position: relative;
float: left;
width: calc(100% - 210px);
height: 260px;
padding: 0px 0 0 0;
margin: 0px 20px 0 20px;
}
.up-box2 .per-name {
margin: 0px 0px 0 0px;
}
.up-box2 table {
position: relative;
width: 100%;
padding: 0px 0 0 0;
margin: 30px 0px 0 0px;
font-size: 12px;
font-weight: normal;
border-collapse: collapse;
table-layout: fixed;
}
.up-box2 table td:nth-child(even) {
background-color: #fff;
width: 110px;
}
.up-box2 table td:nth-child(odd) {
background-color: #e7e7e7;
max-height: 44px;
overflow: hidden;
white-space: -moz-pre-wrap !important; /* Mozilla */
white-space: -webkit-pre-wrap; /*Chrome & Safari */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
white-space: normal;
}
.up-box2 table td:first-child {
padding: 0;
background: #f3f3f3;
width: 32px;
}
.up-box2 table td {
height: 30px;
max-height: 30px;
padding: 4px 8px 4px 8px;
border: 1px solid #f3f3f3;
overflow: hidden;
}
.up-box2 table td a {
text-decoration: none;
color: #000;
}
.up-box2 table td div {
max-height: 45px;
line-height: 120%;
/*background: green;*/
margin: 0px 0 2px 0;
}
.social-line { /*soc ikony např na profilu osobnosti nebo hp seriálu*/
position: relative;
width: 100%;
min-height: 30px;
padding: 0px;
margin: 10px 0 10px 0;
text-align: right;
}
.social-line a {
position: relative;
float: right;
display: block;
height: 30px;
width: 30px;
padding: 0px;
margin: 0px 0 0px 5px;
}
.picto-line { /*piktogramy, profil seriálu*/
position: relative;
min-height: 33px;
padding: 0;
margin: 0;
text-align: right;
}
.picto-line a {
position: relative;
float: right;
display: block;
height: 33px;
width: 33px;
padding: 0px;
margin: 0px 0 0px 5px;
}
.social-line a:hover, .pact {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
/*.picto-line a:hover {
-webkit-filter: opacity(50%);
filter: opacity(50%);
} */
.sl-ico-fb, .sl-ico-tw, .sl-ico-in, .sl-ico-im, .sl-ico-of, .sl-ico-wi, .sl-ico-kf {
position: absolute;
top: 0px;
left: 0px;
width: 30px;
height: 30px;
}
.sl-ico-fb {
/*background: url('images/ico-fb.png') 0px 0px no-repeat;*/
background: url('images/profile_social-facebook.svg') top left no-repeat;
}
.sl-ico-tw {
/*background: url('images/ico-tw.png') 0px 0px no-repeat;*/
background: url('images/profile_social-twitter.svg') top left no-repeat;
}
.sl-ico-in {
/*background: url('images/ico-in.png') 0px 0px no-repeat;*/
background: url('images/profile_social-instagram.svg') top left no-repeat;
}
.sl-ico-im {
/*background: url('images/ico-im.png') 0px 0px no-repeat;*/
background: url('images/profile_social-imdb.svg') top left no-repeat;
}
.sl-ico-of {
/*background: url('images/ico-of.png') 0px 0px no-repeat;*/
background: url('images/profile_social-chain.svg') top left no-repeat;
}
.sl-ico-wi {
/*background: url('images/ico-wi.png') 0px 0px no-repeat;*/
background: url('images/profile_social-wikipedia.svg') top left no-repeat;
}
.sl-ico-kf {
/*background: url('images/ico-kf.png') 0px 0px no-repeat;*/
background: url('images/profile_social-kfilmu.svg') top left no-repeat;
}
.pict-oko, .pict-skrt, .pict-plus, .pict-minus, .pict-love, .pict-kriz {
position: absolute;
top: 0px;
left: 0px;
width: 33px;
height: 33px;
}
.pict-oko-w, .pict-skrt-w, .pict-plus-w, .pict-minus-w, .pict-love-w, .pict-kriz-w {
position: absolute;
top: 0px;
left: 0px;
width: 17px;
height: 17px;
}
.pict-oko {
/*background: url('images/pict-oko.png') 0px 0px no-repeat;*/
background: url('images/serial_top_eye.svg') 0px 0px no-repeat;
}
.pict-skrt {
/*background: url('images/pict-skrt.png') 0px 0px no-repeat;*/
background: url('images/serial_top_ban.svg') 0px 0px no-repeat;
}
.pict-plus {
/*background: url('images/pict-plus.png') 0px 0px no-repeat;*/
background: url('images/serial_top_plus.svg') 0px 0px no-repeat;
}
.pict-minus {
/*background: url('images/pict-minus.png') 0px 0px no-repeat;*/
background: url('images/serial_top_minus.svg') 0px 0px no-repeat;
}
.pict-love {
/*background: url('images/pict-love.png') 0px 0px no-repeat;*/
background: url('images/serial_top_heart.svg') 0px 0px no-repeat;
}
.pict-kriz {
/*background: url('images/pict-kriz.png') 0px 0px no-repeat;*/
background: url('images/serial_top_stop.svg') 0px 0px no-repeat;
}
.pict-oko-w {
background: url('images/pict-oko-w.png') 0px 0px no-repeat;
}
.pict-skrt-w {
background: url('images/pict-skrt-w.png') 0px 0px no-repeat;
}
.pict-plus-w {
background: url('images/pict-plus-w.png') 0px 0px no-repeat;
}
.pict-minus-w {
background: url('images/pict-minus-w.png') 0px 0px no-repeat;
}
.pict-love-w {
background: url('images/pict-love-w.png') 0px 0px no-repeat;
}
.pict-kriz-w {
background: url('images/pict-kriz-w.png') 0px 0px no-repeat;
}
/*menší ikony, např hlášky v profilu seriálu dole*/
.pict-kriz-m, .pict-tuzka, .pict-srdce-blank, .pict-srdce {
width: 22px;
height: 22px;
}
.pict-kriz-m /*profil seriálu - hlášky - křížek*/ {
background: url('images/social-sprite.png') -23px -669px no-repeat;
}
.pict-tuzka /*profil seriálu - hlášky - tužka*/ {
background: url('images/social-sprite.png') 0px -669px no-repeat;
}
.pict-srdce-blank /*profil seriálu - hudba - srdce*/ {
background: url('images/social-sprite.png') -69px -669px no-repeat;
}
.pict-srdce, .box-play-love a:hover /*profil seriálu - hudba - srdce*/ {
background: url('images/social-sprite.png') -46px -669px no-repeat;
}
@media only screen and (max-width: 850px) {
#act-img {
height: auto;
width: 120px;
padding: 0px;
margin: 10px 10px 0px 20px;
overflow: hidden;
}
#act-img img {
width: 120px;
height: auto;
}
.up-box2 .per-name {
margin: 0px 0px 0 0px;
}
.up-box2 {
height: auto;
}
.up-box2 {
position: relative;
float: left;
width: calc(100% - 180px);
min-height: 260px;
padding: 0px 0 20px 0;
margin: 0px 20px 0 10px;
}
.up-box2 table {
position: relative;
width: 100%;
padding: 0px 0 0 0;
margin: 20px 0px 0 0px;
font-size: 12px;
font-weight: normal;
border-collapse: collapse;
table-layout: fixed;
}
}
@media only screen and (max-width: 500px) {
#act-img {
height: auto;
width: 70px;
margin: 0px 0px 0px 10px;
overflow: hidden;
}
#act-img img {
width: 70px;
height: auto;
}
.up-box2 .per-name {
font-size: 28px;
height: 36px;
margin: 0px 0px 0 0px;
overflow: hidden;
}
.up-box2 {
position: relative;
float: left;
width: calc(100% - 100px);
min-height: 120px;
padding: 0px 0 0px 0;
margin: 0px 10px 10px 10px;
}
.up-box2 table td:nth-child(even) {
display: none;
}
}
/************************************profil seriálu*********************************/
.overlay {
position: fixed;
display: flex;
align-items: center;
top: 0px;
left: 0px;
z-index: 10000;
width: 100%;
height: 100%;
background-color:rgba(0, 0, 0, 0.7);
}
.overlay .overbox {
position: relative;
margin: 0 auto;
background: #fff;
width: 600px;
padding: 20px 30px 40px 30px;
}
.overlay .overbox ul {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
list-style-type: none;
font-size: 14px;
color: #000;
margin: 20px 0 0 0;
padding: 0;
/*align-items: center;*/
flex-direction: column;
}
.overlay .overbox ul li {
position: relative;
background: url(images/overlay-ico.png) 0 0px no-repeat;
margin: 0 0 0px;
padding: 12px 0 0px 60px;
min-height: 54px;
width: 100%;
align-self: center;
}
.overlay .overbox ul li:hover {
-webkit-filter: opacity(.8);
filter: opacity(.8);
}
.overlay .overbox ul li a {
color: #000;
text-decoration: none;
margin: 0px 0 0 0;
padding: 0;
}
.overlay .overbox ul li div {
margin: 10px 0 0 0;
font-size: 12px;
color: #403b3b;
}
.overlay .overbox select {
position: relative;
float: left;
background: #eef7fd;
color: #000;
border-color: #eef7fd;
padding: 7px 0 7px 2px;
margin: 0px 0 0 60px;
width: 70%;
}
.kill-button {
position: absolute;
right: 10px;
top: 15px;
width: 40px;
}
.ok-button {
position: relative;
float: left;
width: 33px;
height: 33px;
margin: 0px 0 0 8px;
background: url(images/ok-button.png) 0px 0px no-repeat;
}
/*grid s horní částí - jak HP, tak podstránky*/
.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
margin: 20px 0 0px 0;
grid-template-columns: 250px auto;
grid-template-rows: auto auto;
}
.main-poster {
grid-area: 1 / 1 / 3 / 2;
width: 250px;
}
.main-poster img {
width: 250px;
}
.main-poster p {
position: relative;
margin: 20px 0 6px 0;
font-size: 12px;
}
.mp-rate {
position: relative;
width: 250px;
}
.sz-rating {
position: relative;
display: flex;
flex-direction: row-reverse;
box-sizing: border-box;
background: linear-gradient(to right, #f00, #ff0, #0f0);
/*background: linear-gradient(to right, #c3cde7, #818797);*/
}
.sz-rating input {
display: none;
}
.sz-rating label {
display: block;
cursor: pointer;
width: 23px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
background: #dbdde2;
border-left: 3px solid #f9f9f9;
}
.sz-rating input[type="radio"]:hover ~ label {
background: transparent;
}
.sz-rating input[type=radio]:checked ~ label {
background: transparent;
}
.sz-rating label:last-child {
border-left: 0px;
width: 20px;
}
.mb-line {
grid-area: 1 / 2 / 2 / 3;
width: 100%;
padding: 0 0 0 20px;
}
.mb-line h1 {
margin: -5px 0 4px 0;
line-height: 110%;
padding: 0;
}
.mb-line h2 {
font-size: 16px;
}
.parent-sub {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
margin: 20px 0 -20px 0;
grid-template-columns: 78px auto;
grid-template-rows: auto;
}
.sub-poster {
grid-area: 1 / 1 / 2 / 2;
}
.sub-poster img {
width: 68px;
}
.sub-mb-line {
position: relative;
grid-area: 1 / 2 / 2 / 3;
width: 100%;
}
.sub-mb-line h1 {
margin: 2px 0 4px 0;
line-height: 100%;
font-size: 26px;
}
.sub-mb-line #breadcrumb {
color: #000;
margin: 24px 0 0 0;
text-decoration: none;
font-size: 11px;
}
.sub-mb-line #breadcrumb a {
color: #2e2e2e;
text-decoration: none;
}
/*.main-block {
grid-area: 2 / 2 / 3 / 3;
position: relative;
width: 100%;
margin: 0;
padding: 0 0 0 20px;
} */
.main-block {
grid-area: 2 / 2 / 3 / 3;
position: relative;
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
padding: 0 0 0 20px;
}
.main-block p {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
}
.main-block .grouping-section3 h2 {
font-size: 18px;
line-height: 100%;
margin: 1px 0 1px 0;
}
.main-block p a {
color: #005eb0;
text-decoration: underline;
}
.down-block p /*obsah v profilu epizody*/ {
margin: 0 0 20px 0;
}
.down-block p a {
color: #005eb0;
text-decoration: none;
}
.hide-butt {
position: relative;
display: flex;
text-decoration: none;
color: #000;
width: 100%;
height: 35px;
padding: 0px;
margin: 16px 0px 15px 0px;
font-family: K2D;
font-weight: normal;
font-size: 13px;
}
.hide-butt div.hb-in {
width: calc(100% - 42px);
height: 35px;
padding: 7px 0 0 14px;
background: #fff;
}
.hide-butt div.hb-in:hover {
/*color: #fff;
background: #c70200;*/
}
.hide-ep-ico {
background: url('images/social-sprite.png') -185px -354px no-repeat;
width: 35px;
height: 35px;
margin: 0 7px 0 0;
}
.mb-sz-rate-line {
position: relative;
order: 1;
/*display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
align-items: flex-end; */
margin: 16px 0 20px 0;
list-style: none;
}
.mb-sz-rate-line-in {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.circle-uni {
position: relative;
display: block;
display: table-cell;
width: 30px;
height: 30px;
padding: 0px 0;
border-radius: 50%;
}
.rate-circ {
position: relative;
display: block;
display: table-cell;
width: 58px;
height: 58px;
text-align: center;
font-size: 18px;
padding: 16px 0 0 0;
margin: 0 0 0 10px;
border-radius: 50%;
background: #0092f3;
color: #fff;
font-family: k2d;
}
.mb-sz-rate-line-in label {
position: relative;
width: calc(100% - 90px);
margin: 0px 0 0 10px;
font-size: 13px;
line-height: 125%;
}
.mb-sz-basic-info-line {
position: relative;
order: 2;
padding: 10px 15px 10px 15px;
margin: 0px 0 6px 0;
background: #fff;
width: 100%;
font-size: 12px;
}
.mb-sz-basic-content-line {
position: relative;
order: 3;
padding: 10px 0 10px 0;
}
.mb-sz-karty-line {
order: 5;
}
.mb-sz-basic-info-line a, .mb-sz-rate-line-in label a {
text-decoration: none;
color: #005eb0;
}
.mb-sz-basic-people-line {
position: relative;
order: 4;
padding: 10px 15px 10px 15px;
margin: 0px 0 20px 0;
background: #fff;
width: 100%;
font-size: 13px;
}
.mb-sz-basic-people-line .tvurci-bg, .mb-sz-basic-people-line .herci-bg {
position: relative;
/*display: -webkit-flex;
display: flex;
align-content: flex-start;
align-items: center;
flex-direction: row;*/
width: 100%;
padding: 5px 0 0 38px;
font-size: 13px;
}
.mb-sz-basic-people-line .tvurci-bg {
background: url('images/tvurci-bg.png') 0px 0px no-repeat;
min-height: 28px;
margin: 0 0 6px 0;
}
.mb-sz-basic-people-line .herci-bg {
background: url('images/herci-bg.png') 0px 0px no-repeat;
min-height: 28px;
}
.mb-sz-basic-people-line a {
position: relative;
color: #005eb0;
text-decoration: none;
white-space: nowrap;
}
.mb-sz-info-box {
position: relative;
background: #f3f3f3;
padding: 0 0 10px 0;
margin: 0;
}
.ib-head {
position: relative;
background: #e9eff4;
padding: 6px 10px 6px 10px;
margin: 0 0 0px 0;
overflow: hidden;
font-size: 15px;
font-weight: normal;
font-family: 'K2D', sans-serif;
}
.mb-sz-info-box p {
position: relative;
padding: 0 10px 0 10px;
margin: 10px 0 10px 0;
overflow: hidden;
font-size: 12px;
}
.mb-sz-info-box p a {
color: #005eb0;
text-decoration: none;
}
.nazory-redakce {
position: relative;
padding: 0px;
margin: -8px 0 0px 0;
}
.npl-box-line {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
font-family: 'K2D', sans-serif;
background: #f3f3f3;
color: #000;
margin: 0 0 1px 0;
height: 40px;
}
.npl-box-line-auth {
width: 110px;
padding: 0 0 0 4px;
overflow: hidden;
white-space: nowrap;
}
.npl-box-line-auth a {
display: flex;
align-items: center;
text-decoration: none;
color: #000;
}
.npl-box-line a img {
width: 26px!important;
height: 26px!important;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
margin: 0 5px 0 0;
}
.npl-box-line-nr {
position: relative;
margin-left: auto;
margin-right: 4px;
}
.npl-auth-spec { /*např na HP seriálů - autor názoru*/
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.npl-auth-spec a {
color: #000!important;
text-decoration: none;
}
.nac-link2 {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
.npl-auth-spec img {
position: relative;
display: table-cell;
width: 30px;
height: 30px;
border-radius: 50%;
margin: 0 0 0 6px;
}
@media only screen and (max-width: 700px) {
.parent, .parent-sub {
display: flex;
flex-direction: column;
}
.main-poster, .sub-poster {
order: 2;
width: 100%;
position: relative;
padding: 0 5px 0 5px;
}
.main-poster img {
}
.sub-poster img {
width: 250px;
margin: 8px 0 0 0;
}
.mb-line, .sub-mb-line {
order: 1;
width: 100%;
margin: 0 0 15px 0;
padding: 0 5px 0 5px;
}
.sub-mb-line h1 {
margin: 0 0 4px 0;
line-height: 100%;
padding: 0;
font-size: 22px;
}
.mp-rate {
position: relative;
width: 250px;
}
.rate-circ {
margin: 0 0 0 5px;
}
.mb-line h1 {
margin: -5px 0 4px 0;
line-height: 110%;
padding: 0;
font-size: 24px;
}
.main-block {
order: 3;
width: 100%;
position: relative;
margin: 0;
padding: 0 0 0 0px;
}
.main-block p {
margin: 0 0 15px 0;
padding: 0 10px 0 10px;
}
.down-block p /*obsah v profilu epizody*/ {
margin: 0 0 15px 0;
padding: 0 10px 0 10px;
}
.ribbon {
/*display: none;*/
}
}
@media only screen and (max-width: 500px) {
.main-poster img {
width: 100%;
}
.sub-poster {
display: none;
}
.basic-content {
display: none;
}
}
@media only screen and (max-width: 380px) {
.mb-sz-basic-info-line, .mb-sz-basic-people-line, .grouping-section3 {
background: #eee!important;
} /*mobil odmítá vykreslit bilé pozadí, nechápu proč, takže tohle je alternativa*/
}
/****************hlavička profil epizody************/
.rate-circ-ep {
position: relative;
display: block;
display: table-cell;
width: 54px;
height: 54px;
text-align: center;
font-size: 18px;
padding: 15px 0 0 0;
margin: 0 0 0 10px;
border-radius: 50%;
background: #fff;
color: #000;
}
.rate-ep-label {
position: relative;
width: 160px;
margin: 0px 0 0 10px;
font-size: 13px;
line-height: 125%;
overflow: hidden;
}
.rate-ep-label a {
text-decoration: none;
color: #005eb0;
}
.ep-top-nav-line {
display: flex;
align-items: center;
height: 40px;
width: 100%;
background: #eee;
margin: 0 0 4px 0;
font-size: 13px;
}
.ep-top-nav-line div {
display: flex;
align-items: center;
height: 40px;
width: 100%;
overflow: hidden;
padding: 0 10px 0 10px;
}
.ep-top-nav-line div:nth-child(2) {
justify-content: flex-end;
}
.ep-top-nav-line div label:nth-child(1) {
margin-right: 10px;
}
.ep-top-nav-line div label:nth-child(2) {
margin-left: 10px;
}
.ep-top-nav-line div label {
overflow: hidden;
height: 20px;
/*margin: 0 6px 0 6px;*/
}
.ep-top-nav-line div label a {
text-decoration: none;
color: #000;
}
.ep-top-nav-line div label span {
color: #005eb0;
}
.ep-top-nav-line div label div {
display: inline;
padding: 0;
}
.ep-top-nav-line div img {
display: block;
width: 31px;
height: 31px;
}
.p-ico-nav-back /*ikonka zpět v navigaci na profilu epizody*/ {
display: block;
width: 31px;
height: 31px;
/*background: url(images/social-sprite.png) -332px 0px no-repeat;*/
background: url('images/serial_content_left.svg') 0px 0px no-repeat;
}
.p-ico-nav-forw /*ikonka vpřed v navigaci na profilu epizody*/ {
display: block;
width: 31px;
height: 31px;
/*background: url(images/social-sprite.png) -364px 0px no-repeat;*/
background: url('images/serial_content_right.svg') 0px 0px no-repeat;
}
.ep-top-rate-line {
display: flex;
align-items: center;
width: 100%;
height: 80px;
background: #eee;
margin: 0 0 20px 0;
}
.ep-top-rate-line .box-rate {
display: flex;
justify-content: flex-start;
width: calc(50% - 51px);
align-items: center;
height: 80px;
}
.ep-top-rate-line .box-icons {
width: 102px!important;
}
.ep-top-rate-line .box-ignore {
display: flex;
width: calc(50% - 51px);
justify-content: flex-end;
padding: 0 10px 0 0;
align-items: center;
height: 80px;
font-size: 13px;
}
.ep-top-rate-line .box-ignore label {
padding: 3px 6px 3px 6px;
margin: 0 6px 0 0;
background: #fff;
}
.ep-top-rate-line .box-ignore a {
text-decoration: none;
color: #000;
}
.p-ico-ignore /*ikonka křížek na profilu epizody*/ {
display: block;
width: 31px;
height: 31px;
background: url(images/social-sprite.png) -300px 0px no-repeat;
}
@media only screen and (max-width: 500px) {
.rate-ep-label, .ep-top-rate-line .box-ignore label {
display: none;
}
}
@media only screen and (max-width: 400px) {
.ep-top-nav-line div label div {
display: none;
}
}
/*karta epizody na profilu epizody*/
table.karta-ep {
position: relative;
width: 100%;
padding: 0px 0 0 0;
margin: 0px 0px 0 0px;
font-size: 13px;
font-weight: normal;
border-collapse: collapse;
table-layout: fixed;
}
table.karta-ep td {
height: 28px;
max-height: 28px;
padding: 0px 8px 0px 8px;
border: 1px solid #f9f9f9;
overflow: hidden;
}
table.karta-ep td a {
color: #005eb0;
text-decoration: none;
}
table.karta-ep td:nth-child(odd) {
background-color: #fff;
width: 150px;
border-left: 0px;
}
table.karta-ep td:nth-child(even) {
background-color: #e7e7e7;
overflow: hidden;
border-right: 0px;
white-space: -moz-pre-wrap !important;
white-space: -webkit-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
white-space: normal;
}
/*sekce videa na profilu seriálu*/
.trailer-page {
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
margin: 0;
padding: 0;
}
.trailer-box {
width: calc(100% - 180px);
margin-right: 20px;
}
.trailer-prev {
width: 160px;
height: 446px;
overflow-y: auto;
overflow-x: hidden;
}
.pinbox {
position: relative;
}
.pinobr, .pinobr a {
position: relative;
display: flex;
margin: 0px;
}
.piname {
position: relative;
display: flex;
color: #000;
background: #eee;
padding: 6px 0px 6px 4px;
margin: 0px 0 8px 0;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
font-size: 13px;
}
/*.piname a {
position: relative;
width: 100%;
text-decoration: none;
overflow: hidden;
white-space: nowrap;
} */
@media only screen and (max-width: 660px) {
.trailer-page {
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: flex-start;
width: 100%;
margin: 0;
padding: 0;
}
.trailer-box {
width: 100%;
margin: 0 0 20px 0;
}
.trailer-prev {
width: 100%;
}
}
/*autoři na profilu seriálu*/
.ep-auth {
display: flex;
margin: 0 0 20px 0;
}
.ep-auth a:first-child {
margin: 0px;
}
.ep-auth a {
width: 60px;
height: 60px;
margin: 0 0 0 4px;
}
.ep-auth a img {
width: 60px;
height: 60px;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
/************************************chyby*****************************************/
.chyba {
position: relative;
width: 500px;
height: 300px;
padding: 0 0 0 300px;
margin: 0 auto;
text-align: center;
margin-top: 60px;
background: url('images/chyby-bg.png') top left no-repeat;
}
.chyba h1 {
margin: 0;
font-family: K2D;
font-size: 80px;
}
.chyba h1, .chyba h3, .chyba h4 {
text-align: left;
}
.chyba ul {
position: relative;
list-style-type: none;
padding: 0px;
margin: 10px 0 0 0;
}
.chyba ul li {
position: relative;
margin: 2px 0 6px 0;
padding: 0px 0px 0 20px;
font-size: 11px;
font-weight: 400;
color: #165082;
text-decoration: none;
overflow: hidden;
font-family: 'Open Sans', sans-serif;
text-align: left;
}
.chyba ul li a {
color: #000;
text-decoration: none;
}
.chyba ul li div {
margin: 0 0 0 -28px;
}
@media only screen and (max-width: 800px) {
.chyba {
position: relative;
width: 330px;
height: 300px;
padding: 0 0 0 130px;
margin: 0 auto;
margin-top: 40px;
background: url('images/chyby-bg-m.png') 0px 10px no-repeat;
}
.chyba h1 {
margin: 0;
font-family: K2D;
font-size: 70px;
}
}
@media only screen and (max-width: 500px) {
.chyba {
position: relative;
width: 300px;
height: 300px;
padding: 0 0 0 130px;
margin: 0 auto;
margin-top: 20px;
background: url('images/chyby-bg-m.png') 0px 10px no-repeat;
}
}
/*********************************nastavení*********************************/
fieldset {
border: 1px solid #000;
margin: 30px 0 0 0;
padding: 15px 10px 10px 10px;
width: 100%;
}
legend {
padding: 0.2em 0.5em;
border: 1px solid #000;
color: #000;
font-size: 90%;
text-align: left;
}
/************************************redakce*****************************************/
.RS {
/*padding: 10px;*/
background-color: #f3f3f3!important;
}
.RSmaroon h3 { /*nadpis bloku v RS*/
color: #fff;
background: #6e0000;
padding: 4px 0 6px 10px;
font-size: 18px;
}
.RSmaroon a {
color: #6e0000;
text-decoration: none;
}
.RSmaroon h3 a { /*nadpis bloku v RS*/
color: #fff;
font-size: 14px;
padding: 2px 10px 0 0;
text-decoration: none;
float: right;
clear:both;
overflow: hidden;
}
.RSmaroon a:hover, .RSmaroon h3 a:hover {
text-decoration: underline;
}
.RSfred {
color: #c70000;
}
.RSselect {
padding: 2px 0px 2px 0px;
}
.RSarea { /*blok k psaní textu v RS*/
float: left;
width: calc(75% - 10px);
margin-right: 10px;
margin-bottom: 6px;
padding: 10px;
}
.RShint { /*blok k psaní textu v RS*/
float: left;
width: 25%;
padding: 0px 10px 0px 10px;
font-size: 0.9em;
}
.RShint a {
color: #6e0000;
font-weight: 400;
}
.RS fieldset {
border: 1px solid black;
}
@media (max-width: 500px) {
.RS {
width: 100%;
padding: 10px 0 10px 0;
background-color: #f3f3f3!important;
}
.RSarea {
width: 100%!important;
padding: 0px;
}
.RShint {
display: none!important;
}
.RS input.mbl100 {
width: 100%!important;
padding: 0px;
}
}
/**********************seznamy********************/
.list-line {
position: relative;
padding: 0;
margin: 0;
}
.list-line li {
position: relative;
height: 82px;
padding: 0;
margin: 0 0 3px 0;
list-style: none;
font-family: K2D;
background: #f3f3f3;
border-bottom: 1px solid #dbdbdb;
}
.in-list-img {
position: relative;
float: left;
width: 50px;
height: 70px;
padding: 0;
margin: 0px 0px 0 0px;
}
.in-list-links {
position: relative;
float: left;
width: calc(80% - 50px);
padding: 0;
margin: 0px 0px 0 0px;
/*background: yellow;*/
}
.in-list-nr {
position: relative;
float: left;
width: 20%;
padding: 0;
margin: 0px 0px 0 0px;
/*background: green;*/
}
/********************default seznamy a nadpisy********************/
/*nadpisy*/
.list-h {
position: relative;
min-height: 40px;
width: 100%;
padding: 0px 10px 0 12px;
margin: 0 0 16px 0;
font-family: K2D;
}
.list-h .lhhead {
position: relative;
float: left;
font-size: 18px;
height: 24px;
margin: 7px 0 0 0;
padding: 0;
overflow: hidden;
}
.list-h .lhhead2 { /*používá se, pokud je nalevo piktogram*/
position: relative;
float: left;
font-size: 18px;
height: 24px;
margin: 7px 0 0 0;
padding: 0 0 0 30px;
overflow: hidden;
}
.list-h .lhtext {
position: relative;
float: right;
width: 30%;
height: 18px;
font-size: 14px;
text-align: right;
margin: 11px 0 0 0;
overflow: hidden;
}
.uni-text-prava {
position: absolute;
top: 6px;
right: 8px;
width: 24%;
/*height: 18px;*/
font-size: 13px;
text-align: right;
margin: 0px 0 0 0;
overflow: hidden;
color: #fff;
}
.list-h .lhlove {
position: relative;
float: right;
display: block;
width: 22px;
height: 22px;
margin: 9px 0 0 10px;
}
.list-h select.choosewhat {
background: #3e4956;
color: #fff;
border-color: #3e4956;
padding: 2px 0 2px 0;
margin: 5px 0 0 0;
}
.list-h select.choosewhat-blue {
background: #0092f3;
color: #fff;
border-color: #0092f3;
padding: 2px 0 2px 0;
margin: 5px 0 0 0;
}
.list-h select.choosewhat-darkblue {
background: #005eb0;
color: #fff;
border-color: #005eb0;
padding: 2px 0 2px 0;
margin: 5px 0 0 0;
}
.list-h select.choosewhat-white, select.choosewhat-white {
background: #fff;
color: #000;
border-color: #fff;
padding: 2px 0 2px 0;
margin: 5px 0 0 0;
}
@media (max-width: 500px) {
.list-h .lhhead {
position: relative;
float: left;
font-size: 18px;
height: auto;
line-height: 100%;
margin: 7px 0 7px 0;
padding: 0px 0 3px 0;
overflow: hidden;
}
}
/*barvy u nadpisů*/
.list-h-grey {
background: #eee;
color: #000;
}
.list-h-grey a, .check-head a {
color: #000;
text-decoration: none;
}
.list-h-darkblue {
background: #005eb0;
color: #fff;
}
.list-h-lightblue {
background: #0092f3;
color: #fff;
}
.list-h-abcblue {
background: #49a2dd;
color: #fff;
}
.list-h-orange {
background: #f13e00;
color: #fff;
}
.list-h-orange-light {
background: #f18200;
color: #fff;
}
.list-h-red {
background: #e10000;
color: #fff;
}
.list-h-midblue {
background: #7097b8;
color: #fff;
}
.list-h-darkgrey {
background: #8a949d;
color: #fff;
}
.list-h-notblack {
background: #283443;
color: #fff;
}
.list-h-darkblue a, .list-h-lightblue a, .list-h-orange a, .list-h-red a, .list-h-midblue a, .list-h-darkgrey a, .list-h-notblack a, .list-h-orange-light a {
color: #fff;
text-decoration: none;
}
.lhlovestar1, .lhlovestar2, .lhlovestar3, .inliststar1, .inliststar2, .inliststar3, .inliststar4, inliststar1:hover, .lhlocked, .lhunlocked {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 22px;
height: 22px;
}
.lhlovestar1 { /*pro šedý nadpis*/
/*background: url('images/social-sprite.png') 0px -273px no-repeat;*/
background: url('images/star_blank-navyblue.svg') 0px 0px no-repeat;
}
.lhlovestar2 { /*pro všechny nadpisy kromě šedého*/
/*background: url('images/social-sprite.png') -23px -273px no-repeat;*/
background: url('images/star_blank-gray.svg') 0px 0px no-repeat;
}
.lhlovestar3 { /*pro červenou hvezdičku*/
/*background: url('images/social-sprite.png') -184px -273px no-repeat;*/
background: url('images/star_red-gray.svg') 0px 0px no-repeat;
}
.lhlocked { /*zámeček místo hvězdičky*/
/*background: url('images/social-sprite.png') -138px -273px no-repeat;*/
background: url('images/system_lock-blue.svg') 0px 0px no-repeat;
}
.lhunlocked { /*zámeček místo hvězdičky*/
/*background: url('images/social-sprite.png') -161px -273px no-repeat;*/
background: url('images/system_unlock-blue.svg') 0px 0px no-repeat;
}
/*seznamy*/
.list-locked {
position: absolute;
display: block;
top: 0px;
right: 0px;
width: 13px;
height: 19px;
/*background: url(images/social-sprite.png) 0px -296px no-repeat;*/
background: url('images/system_lock.svg') 0px 0px no-repeat;
}
.list-unlocked {
position: absolute;
display: block;
top: 0px;
right: 0px;
width: 13px;
height: 19px;
/*background: url(images/social-sprite.png) -14px -296px no-repeat;*/
background: url('images/system_unlock.svg') 0px 0px no-repeat;
}
/*pořadí plakáty roh*/
.triangle-bottomright {
position: absolute;
bottom: 0px;
right: 0px;
width: 0;
height: 0;
z-index: 1;
border-bottom: 30px solid rgba(255, 0, 0, .6);
border-left: 34px solid transparent;
}
.poster-sign-arrow {
position: absolute;
top: 17px;
right: 0px;
width: 60px;
height: 18px;
z-index: 2;
font-family: k2d;
font-size: 9px;
text-align: right;
color: #fff;
padding: 0px 2px 0 0;
}
/*seznam 1*/
.def-list1 {
position: relative;
height: 40px;
width: 100%;
padding: 0px 10px 0 12px;
margin: 0 0 2px 0;
font-family: K2D;
}
.def-list1:nth-child(odd), .def-list1a:nth-child(odd), .def-list1b:nth-child(odd) {
background: #f3f3f3;
}
.def-list1:nth-child(even), .def-list1a:nth-child(even), .def-list1b:nth-child(even) {
background: #eee;
}
.def-list1 a, .def-list1a a {
/*color: #000;*/
text-decoration: none;
color: #005eb0;
}
.def-list1 .dfhead {
position: relative;
float: left;
font-size: 16px;
max-width: 60%;
margin: 9px 0 0 0;
padding: 0 20px 0 0;
overflow: hidden;
white-space: nowrap;
}
.def-list1 .dftext {
position: relative;
float: right;
width: 30%;
height: 18px;
font-size: 14px;
text-align: right;
margin: 11px 0 0 0;
overflow: hidden;
}
.def-list1 .dfstar, .def-list1a .dfstar {
position: relative;
display: block;
width: 22px;
height: 22px;
margin-top: 9px;
}
.inliststar1 { /*hvězdička v seznamu 1 - modrošedá*/
/*background: url('images/social-sprite.png') -46px -273px no-repeat;*/
background: url('images/star_blank-darkblue.svg') 0px 0px no-repeat;
}
.inliststar2, .inliststar1:hover { /*hvězdička v seznamu 1 - světle modrá*/
/*background: url('images/social-sprite.png') -69px -273px no-repeat;*/
background: url('images/star_blank-lightblue.svg') 0px 0px no-repeat;
}
.inliststar3 { /*hvězdička v seznamu 1 - červená*/
/*background: url('images/social-sprite.png') -92px -273px no-repeat;*/
background: url('images/star_blank-red.svg') 0px 0px no-repeat;
}
.inliststar4 { /*hvězdička v seznamu 1 - šedá*/
/*background: url('images/social-sprite.png') -115px -273px no-repeat;*/
background: url('images/star_blank-gray.svg') 0px 0px no-repeat;
}
/*seznam 1a*/
.def-list1a {
position: relative;
min-height: 40px;
width: 100%;
padding: 0px 10px 0px 12px;
margin: 0 0 2px 0;
font-family: K2D;
}
.def-list1a .dfhead {
position: relative;
float: left;
max-width: 70%;
font-size: 16px;
margin: 9px 0 0 0;
padding: 0 20px 8px 0;
overflow: hidden;
}
.def-list1a .dftext {
position: relative;
float: right;
width: 25%;
height: 18px;
font-size: 14px;
text-align: right;
margin: 11px 0 8px 0;
/*overflow: hidden;*/
}
/*seznam 1b*/
.def-list1b {
position: relative;
display: flex;
align-items: center;
min-height: 40px;
width: 100%;
padding: 0px 0px 0px 8px;
margin: 0 0 2px 0;
font-family: K2D;
}
.stat-star {
display: block;
width: 22px;
height: 22px;
background: url(images/social-sprite.png) -46px -273px no-repeat;
margin: 0 8px 0 0;
}
.def-list1b .dfhead, .def-list1b .dfhead-full {
position: relative;
font-size: 16px;
overflow: hidden;
line-height: 115%;
}
.def-list1b .dfhead {
width: calc(100% - 190px);
}
.def-list1b .dfhead-full {
width: calc(100% - 30px);
}
.def-list1b .dfhead-full a {
color: #005eb0;
text-decoration: none;
}
.def-list1b .dftext {
position: relative;
display: flex;
align-items: center;
flex-direction: row-reverse;
width: 160px;
font-size: 14px;
text-align: right;
background: #e5eaed;
height: 40px;
padding: 0px 8px 0px 0px;
}
/*seznam 2 obalený pro watchlist v nové verzi sz3*/
#watchlist {
margin: 0 0 20px 0;
}
.def-list2-sz3 .def-list2 {
position: relative;
display: flex;
align-items: center;
height: 60px;
width: 100%;
padding: 0px 10px 0 12px;
margin: 0 0 2px 0;
font-family: K2D;
background: none!important;
}
.def-list2-sz3:nth-child(odd) {
background: #f3f3f3;
}
.def-list2-sz3:nth-child(even) {
background: #eee;
}
.def-list2-sz3 .def-list2 .watch-poster {
position: relative;
width: 35px;
height: 50px;
margin: 0px;
}
.def-list2-sz3 .def-list2 .watch-poster img {
position: relative;
width: 35px;
height: 50px;
}
.def-list2-sz3 .def-list2 .watchlist-content {
position: relative;
display: flex;
align-items: center;
width: 40%;
height: 60px;
line-height: 140%;
}
.def-list2-sz3 .def-list2 .watchlist-content .likebox,
.def-list2 .watchlist-content .likebox {
display: none;
}
.def-list2-sz3 .def-list2 .watchlist-content:hover .likebox,
.def-list2 .watchlist-content:hover .likebox {
/*.def-list2-sz3 .def-list2 .watchlist-content .likebox {*/
position: absolute;
top: 0px;
right: 4px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 24px;
z-index: 50;
}
.def-list2-sz3 .def-list2 .watchlist-content:hover .likebox {
height: 60px;
padding: 3px 0 1px 0;
}
.def-list2 .watchlist-content:hover .likebox {
height: 80px;
padding: 9px 0 9px 0;
}
.def-list2-sz3 .def-list2 .watchlist-content .likebox div,
.def-list2 .watchlist-content .likebox div {
position: relative;
height: 17px;
width: 17px;
/*transform: scale(0.50);*/
}
.def-list2-sz3 .def-list2 .watchlist-content .likebox div a,
.def-list2 .watchlist-content .likebox div a {
position: relative;
display: block;
height: 17px;
width: 17px;
padding: 0px;
margin: 0px 0 0px 0px;
/*background: red;*/
}
.like-box a:hover, .pact {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.def-list2-sz3 .def-list2 .watchlist-content a.dfl2-2ndrow {
height: 18px;
font-size: 14px;
color: #3e4956;
}
.def-list2-sz3 .def-list2 .watchlist-epnr {
position: relative;
display: flex;
align-items: center;
width: 68px;
height: 60px;
margin: 0px;
padding: 0 0 0;
text-align: center;
font-size: 18px;
}
.def-list2-sz3 .def-list2 .watchlist-epname {
position: relative;
display: flex;
align-items: center;
width: calc(100% - 68px);
height: 60px;
/*line-height: 140%;*/
background-color: #fff;
font-size: 11px;
}
.def-list2-sz3 .def-list2 .watchlist-pikt {
position: relative;
display: flex;
align-items: center;
text-align: center;
margin-right: 0px;
width: 110px;
height: 60px;
}
.watch_ehodnoceni select {
position: relative;
width: auto;
height: 24px;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
overflow: hidden;
margin: 10px 0 20px 0;
padding: 4px 5px;
}
.def-list2-sz3 .def-list2 a.dfl2-name {
font-size: 16px!important;
height: 20px!important;
}
.def-list2-sz3 .def-list2 .watchlist-epname .wep-name a.wp1 {
font-size: 15px!important;
}
.def-list2-sz3 .def-list2 .watchlist-epname .dfl2-3rdrow {
font-size: 12px;
color: #bd0000;
line-height: 100%!important;
height: 14px!important;
}
.def-list2-sz3 .def-list2 .watchlist-epname .wep-name {
height: 18px;
}
.def-list2-sz3 .def-list2 .ribbon {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
overflow: hidden;
width: 75px; height: 60px;
text-align: right;
}
.def-list2-sz3 .def-list2 .ribbon span {
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
/*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);*/
position: absolute;
top: 17px; right: -21px;
}
.def-list2-sz3 .def-list2 .watch-mbl {
position: relative;
display: flex;
width: calc(100% - 35px);
}
.def-list2-sz3 .def-list2 .watch-ep {
position: relative;
display: flex;
width: calc(60% - 110px);
}
.watch-mbl-name {
position: relative;
}
.watch-mbl-name .wmn-in, .watch-ep .watchlist-epnr .w100p span {
display: none;
}
/******************watchlist mobilní**********************/
@media (max-width: 600px) {
.watch-ep .watchlist-epnr .w100p span {
display: inline;
}
.def-list2-sz3 .def-list2 .watchlist-content .likebox,
.def-list2-sz3 .def-list2 .watchlist-content:hover .likebox,
.def-list2-sz3 .def-list2 .watchlist-epname .dfl2-3rdrow
{
display: none;
}
.def-list2-sz3 {
position: relative;
margin: 0px 0 4px 0;
}
.def-list2-sz3 .def-list2 {
position: relative;
display: flex;
flex-direction: row;
/*flex-wrap: wrap;*/
align-items: flex-start;
width: 100%;
height: auto;
line-height: 110%;
padding: 0px 0 0 0;
}
.def-list2-sz3 .def-list2 .watch-mbl {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: calc(100% - 41px);
}
.def-list2-sz3 .def-list2 .watch-ep {
position: relative;
display: flex;
/*justify-content: center;*/
flex-direction: column;
width: calc(100% - 90px);
}
.def-list2-sz3 .def-list2 .watchlist-content {
position: relative;
display: flex;
/* align-items: center; */
justify-content: center;
flex-direction: column;
width: 100%;
/* width: 100%; */
height: 26px;
/*line-height: 100%;*/
/* padding: 6px 0 0 0;*/
padding: 4px 0 0 3px;
}
.def-list2-sz3 .def-list2 .watch-poster {
position: relative;
width: 41px;
height: 60px;
margin: 0px 0 0 0px;
}
.def-list2-sz3 .def-list2 .watch-poster img {
position: relative;
width: 41px;
height: 60px;
}
.def-list2-sz3 .def-list2 .watchlist-content .watch-mbl-name {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
}
.def-list2-sz3 .watch-mbl-name .wmn-in {
display: block;
width: 90px;
text-align: right;
margin-right: 10px;
font-size: 11px;
}
.def-list2-sz3 .def-list2 .watchlist-content a.dfl2-name {
font-size: 13px!important;
height: 21px!important;
font-family: k2d;
border-radius: 9px;
border: 1px solid #2992d7;
text-transform: uppercase;
padding: 0 6px 0px 6px;
overflow: hidden;
word-break: break-all;
background: #2992d7;
color: aliceblue;
width: auto;
max-width: calc(100% - 90px);
}
.def-list2-sz3 .def-list2 .watchlist-content a.dfl2-2ndrow {
/*height: 14px;
font-size: 12px;
color: #3e4956;*/
display: none;
}
.def-list2-sz3 .def-list2 .watchlist-epnr {
position: relative;
width: 100%;
height: 18px;
margin: 1px 0 1px 0;
padding: 0 0 0 10px;
text-align: left;
font-size: 12px;
color: #000;
background: none;
}
.def-list2-sz3 .def-list2 .watchlist-epname {
position: relative;
display: flex;
/* align-items: center; */
justify-content: center;
text-align: left;
height: 12px;
width: 100%;
margin: 0 0px 0 0px;
font-size: 10px!important;
background: none;
}
.def-list2-sz3 .def-list2 .watchlist-epname .w100p {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 6px 0 0;
}
.def-list2-sz3 .def-list2 .watchlist-epname .w100p .wep-name:nth-child(even) {
display: none;
}
.def-list2-sz3 .def-list2 .watchlist-epname .wep-name {
display: block;
display: flex;
position: relative;
/* font-size: 12px; */
height: 14px;
/* margin: -10px 0 0 0; */
line-height: 120%;
overflow: hidden;
-ms-word-break: break-all;
word-break: break-all;
}
.def-list2-sz3 .def-list2 .watchlist-epname .wep-name span.font11 {
margin: 0 0 0 4px;
}
.def-list2-sz3 .def-list2 .watchlist-epname .wep-name a.wp1 {
display: flex!important;
font-size: 11px!important;
height: 14px!important;
}
.def-list2-sz3 .def-list2 .watchlist-epname a.dfl2-3rdrow {
display: none;
height: 0px!important;
}
.def-list2-sz3 .def-list2 .watchlist-pikt {
position: relative;
display: flex;
align-items: center;
text-align: center;
width: 90px;
height: 31px;
background: none;
margin: 0px 0 0 0;
}
.def-list2-sz3 .def-list2 .watchlist-pikt .wlp-in {
width: 90px;
display: flex;
justify-content: space-between;
}
.def-list2-sz3 .def-list2 .watch-ico-like {
margin-left: 0px!important;
}
.def-list2-sz3 .def-list2 .watch-ico-idn, .def-list2-sz3 .def-list2 .watch-ico-dnlike {
margin-left: 0px!important;
}
.watch-ico-like {
position: relative;
float: left;
display: block;
width: 24px!important;
height: 24px!important;
background: url(images/watchlist_like-blue.svg) top left no-repeat;
}
.watch-ico-idn {
position: relative;
float: left;
display: block;
width: 24px!important;
height: 24px!important;
margin-left: 4px;
background: url(images/watchlist_check-blue.svg) top left no-repeat;
}
.watch-ico-dnlike {
position: relative;
float: left;
display: block;
width: 24px!important;
height: 24px!important;
margin-left: 4px;
background: url(images/watchlist_unlike-blue.svg) top left no-repeat;
color: transparent!important;
}
}
/***********************************************************/
/*seznam 2*/
.def-list2 {
position: relative;
height: 80px;
width: 100%;
padding: 0px 10px 0 12px;
margin: 0 0 2px 0;
font-family: K2D;
}
.def-list2:nth-child(odd) {
background: #f3f3f3;
}
.def-list2:nth-child(even) {
background: #eee;
}
.def-list2 a {
color: #000;
text-decoration: none;
}
.def-list2 .dfl2-ico {
position: relative;
float: left;
width: 60px;
height: 60px;
margin-top: 10px;
}
.def-list2 .dfl2-ico img {
position: relative;
width: 60px;
height: 60px;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
.def-list2 .dfl2-content {
position: relative;
float: left;
width: calc(100% - 120px);
height: 40px;
padding: 22px 10px 0 10px;
line-height: 140%;
/*background: green;*/
}
.def-list2 .dfl2-content a, .def-list2 .dfl2-content-list3 a, .def-list2 .dfl2-content-list3a a, .def-list2 .dfl4-content a, .def-list2 .watchlist-content a, .def-list2 .watchlist-epname .wep-name, .def-list2 .watchlist-epname .dfl2-3rdrow {
position: relative;
display: block;
width: 100%;
overflow: hidden;
}
.def-list2 .dfl2-content a.dfl2-name, .def-list2 .dfl2-content-list3 a.dfl2-name, .def-list2 .dfl2-content-list3a a.dfl2-name, .def-list2 .dfl4-content a.dfl2-name, .def-list2 .watchlist-content a.dfl2-name {
font-size: 18px;
height: 21px;
}
.def-list2 .dfl2-content a.dfl2-2ndrow, .def-list2 .dfl2-content-list3 a.dfl2-2ndrow, .def-list2 .dfl2-content-list3a a.dfl2-2ndrow, .def-list2 .dfl4-content a.dfl2-2ndrow, .def-list2 .watchlist-content a.dfl2-2ndrow {
height: 19px;
color: #3e4956;
}
.def-list2 .dfl2-content a.dfl2-name span,.def-list2 .dfl2-content-list3 a.dfl2-name span,.def-list2 .dfl2-content-list3a a.dfl2-name span,.def-list2 .watchlist-content .dfl2-name span {
font-size: 14px;
}
.def-list2 .watchlist-epname .wep-name {
height: 20px;
}
.def-list2 .watchlist-epname .wep-name a.wp1 {
font-size: 16px;
}
.def-list2 .watchlist-epname .dfl2-3rdrow, .def-list2 .watchlist-epname a.dfl2-3rdrow, .def-list2 .watchlist-epname .wep-name a.wp2 {
font-size: 12px;
color: #bd0000;
line-height: 110%;
}
.def-list2 .dfl2-nr {
position: relative;
float: right;
width: 60px;
height: 60px;
margin-top: 10px;
padding: 16px 0 0 0;
text-align: center;
font-size: 18px;
border-radius: 50%;
background: #e5e5e5;
}
.def-list2 .dfl2-nr2 {
position: relative;
float: right;
width: 60px;
height: 60px;
margin-top: 10px;
padding: 16px 0 0 0;
text-align: center;
font-size: 18px;
border-radius: 50%;
background: #8a949d;
color: #fff;
}
.def-list2 .dfl2-nr3 {
position: relative;
float: right;
width: 90px;
height: 80px;
margin-right: -10px;
padding: 0;
/*background: #8a949d;*/
background: #e5e5e5;
color: #000;
}
.dfl2-nr4 { /*názory na profilu uživatele*/
position: relative;
float: right;
width: 60px;
height: 60px;
padding: 16px 0 0 0;
text-align: center;
font-size: 18px;
border-radius: 50%;
background: #283443;
color: #fff;
}
.dfl2-nr5 { /*názory na profilu seriálu*/
position: relative;
width: 60px;
height: 60px;
padding: 16px 0 0 0;
margin: 0 0 0 10px;
text-align: center;
font-size: 18px;
border-radius: 50%;
background: #283443;
color: #fff;
}
/*seznam 2a - používá se u roční výzvy na osobním profilu*/
.def-list2a {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 140px;
width: 100%;
padding: 20px 10px 20px 10px;
margin: -14px 0 0px 0;
font-family: K2D;
}
.def-list2a:nth-child(odd) {
background: #fff;
}
.def-list2a:nth-child(even) {
background: #fff;
}
.def-list2a a {
color: #000;
text-decoration: none;
}
.def-list2a .dfl2a-poster {
position: relative;
float: left;
width: 69px;
height: 100px;
margin-right: 16px;
}
.def-list2a .dfl2a-poster img {
position: relative;
width: 69px;
height: 100px;
}
.def-list2a .dfl2-contenta {
position: relative;
float: left;
width: calc(100% - 100px);
padding: 10px 10px 0 10px;
line-height: 140%;
/*background: green;*/
}
.def-list2a .dfl2-contenta .dfl2a-name {
display: block;
font-size: 20px;
}
.def-list2a .dfl2-contenta .dfl2a-name span {
font-size: 14px;
}
.def-list2a .dfl2-contenta .dfl2a-2ndrow {
display: block;
font-size: 14px;
color: #6a6a6a;
}
.def-list2a .dfl2-contenta .dfl2a-3rdrow {
display: block;
margin: 10px 0 0 0;
font-size: 14px;
color: #6a6a6a;
}
.dfl2a-3rdrow .del {
position: relative;
float: left;
display: block;
width: 21px;
height: 21px;
text-align: center;
padding: 0;
margin: 0 5px 0 0;
border-radius: 50%;
background: #7097b8;
color: #fff;
font-size: 13px;
}
.def-list2a .obal2 {
position: relative;
min-width: 100%;
max-width: 810px;
}
input.vyzva {
position: relative;
width: 100%;
height: 36px;
padding: 4px 5px 4px 5px;
margin: 0 0 10px 0;
text-align: left;
font-size: 13px;
background: #e6e6e6;
border: 0px;
color: #000;
}
/*seznam 3 - částečně vychází ze seznamu 2*/
.def-list2 .dfl2-poster {
position: relative;
float: left;
width: 50px;
height: 72px;
margin-top: 4px;
}
.def-list2 .dfl2-poster img {
position: relative;
width: 50px;
height: 72px;
}
.article .def-list2 .dfl2-poster img {
margin: 0;
}
.def-list2 .dfl2-content-list3 {
position: relative;
float: left;
width: calc(100% - 240px);
height: 40px;
padding: 22px 10px 0 10px;
line-height: 140%;
/*background: green;*/
}
.def-list2 .dfl2-content-list3a {
position: relative;
float: left;
width: calc(100% - 260px);
height: 40px;
padding: 22px 10px 0 10px;
line-height: 140%;
/*background: green;*/
}
.dfl2-nr3 .ins-score {
position: relative;
text-align: center;
font-size: 22px;
margin: 16px 0 0 0;
}
.dfl2-nr3 .ins-score-btn {
position: absolute;
top: 61px;
left: 0px;
width: 90px;
height: 19px;
margin: 0px;
padding: 0px;
font-size: 12px;
overflow: hidden;
z-index: 100;
/*background: #e5e5e5;*/
}
/*pro mobily na přepnutí z hodnocení na datum*/
.is-date {
font-size: 10px!important;
padding-top: 2px!important;
}
/*********************************************/
.dfl2-nr3 .ins-score-btn a.love-mini, .dfl2-nr3 .ins-score-btn a.love-mini-act {
position: relative;
float: left;
display: block;
width: 22px;
height: 19px;
}
.dfl2-nr3 .ins-score-btn a.love-mini {
/*background: url('images/list-ico4.png') 0px 0px no-repeat;*/
background: #fff url('images/star_white-navyblue.svg') 2px 1px no-repeat;
background-size: 17px 17px;
}
.dfl2-nr3 .ins-score-btn a.love-mini-act {
/*background: url('images/list-ico4a.png') 0px 0px no-repeat;*/
background: #fff url('images/star_white-red.svg') 2px 1px no-repeat;
background-size: 17px 17px;
}
.dfl2-nr3 .ins-score-btn a.inssbtn, .dfl2-nr3 .ins-score-btn a.inssbtn-active {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 68px;
height: 19px;
margin: 0;
padding: 0 2px 0 0;
text-align: center;
}
.dfl2-nr3 .ins-score-btn a.inssbtn {
/*background: #8a949d;*/
background: #7097b8;
color: #fff;
}
.dfl2-nr3 .ins-score-btn a.inssbtn-active {
background: #cd0000;
color: #fff;
}
.def-list2 .dfl2-options {
position: relative;
float: left;
width: 110px;
height: 75px;
margin: 0px 10px 0 10px;
padding: 12px 0 0 0;
}
.def-list2 .dfl2-options div {
position: relative;
/*display: inline-table;*/
width: 110px;
height: 18px;
margin: 0 0 1px 0;
padding: 0px;
font-size: 11px;
overflow: hidden;
z-index: 100;
}
.def-list2 .dfl2-options div a, .def-list2 .dfl2-options div span {
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 90px;
height: 100%;
margin: 0;
padding: 0 3px 0 3px;
}
.def-list2 .dfl2-options div, .dfl2-nr3 .in-nr-action {
/*background: url('images/list-ico1.png') 0px 0px no-repeat;*/
background: url('images/star_blank-gray.svg') 0px 1px no-repeat;
background-size: 16px 16px;
}
/*.def-list2 .dfl2-options div.yep {
background: url('images/list-ico2.png') 0px 0px no-repeat;
} */
.def-list2 .dfl2-options a, .def-list2 .dfl2-options span, .dfl2-nr3 .in-nr-action a {
color: #000;
background: #fff;
}
.def-list2 .dfl2-options a:hover, .def-list2 .dfl2-options span:hover, .dfl2-nr3 .in-nr-action:hover {
color: #fff;
background: #cd0000;
text-decoration: none;
}
.def-list2 .dfl2-options a.dlacti, .def-list2 .dfl2-options span.dlacti, .dfl2-nr3 .in-nr-action a.dlacti {
color: #d0d0d0;
background: #fff;
}
/*seznam 4 - záhlaví a listy*/
.check-head {
position: relative;
float: right;
display: -webkit-flex;
display: flex;
align-items: center;
height: 38px;
padding 0;
color: #000;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
}
.check-head .ch-check {
position: absolute;
top: 2px;
right: 0px;
/*background: url(images/social-sprite.png) 0px -337px no-repeat;*/
background: url('images/serial_check_blue.svg') 0px 0px no-repeat;
}
.check-head .ch-uncheck {
position: absolute;
top: 2px;
right: 0px;
background: url(images/social-sprite.png) -17px -337px no-repeat;
}
.check-head .ch-check, .check-head .ch-uncheck {
position: relative;
float: right;
display: block;
height: 16px;
width: 16px;
padding: 0;
margin: 0 0 0 10px;
overflow: hidden;
}
@media all and (max-width: 500px) {
.check-head {
position: relaive;
width: 100%;
display: -webkit-flex;
display: flex;
align-items: center;
height: 38px;
padding 0;
color: #000;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
}
.list-h select.choosewhat-white, select.choosewhat-white {
background: #fff;
color: #000;
border-color: #fff;
max-width: 200px;
padding: 2px 0 2px 0;
margin: 5px 0 2px 0;
}
}
/*seznam 5*/
.def-list3 {
position: relative;
height: 70px;
width: 100%;
padding: 0 10px 0 0;
margin: 0 0 2px 0;
font-family: K2D;
}
.def-list3:nth-child(odd) {
background: #f3f3f3;
}
.def-list3:nth-child(even) {
background: #eee;
}
.def-list3 .dfl3-year, .def-list3 .dfl3-year-red, .def-list3 .dfl3-year-darkgrey {
position: relative;
float: left;
width: 70px;
height: 70px;
margin: 0px;
padding: 16px 0 0 0;
text-align: center;
font-size: 16px;
line-height: 80%;
color: #fff;
}
.def-list3 .dfl3-year {
background: #b1b7bd;
}
.def-list3 .dfl3-year-darkgrey {
background: #8a949d;
}
.def-list3 .dfl3-year-red {
background: #cd0000;
}
.dfl3-content-list, .dfl3-content-list2, .dfl3-content-list64 {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0px;
padding: 0px 10px 0 10px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
}
.dfl3-content-list, .dfl3-content-list2 {
height: 70px;
}
.dfl3-content-list64 {
height: 80px;
}
.dfl3-content-list {
width: calc(50% - 60px);
}
.dfl3-content-list2 {
width: calc(50% - 80px);
}
.w64a { /*seznam rolí na profilu osobnosti*/
width: calc(60% - 80px);
}
.w64b {
width: calc(40% - 80px);
}
@media all and (max-width: 500px) {
.w64a { /*seznam rolí na profilu osobnosti*/
width: calc(100% - 140px);
}
.w64b {
display: none;
}
}
.def-list3 .dfl3-content-list a {
color: #000;
text-decoration: none;
overflow: hidden;
}
.def-list3 .dfl3-content-list .dfl3-name {
display: block;
font-size: 18px;
height: 23px;
color: #000;
text-decoration: none;
overflow: hidden;
}
.def-list3 .dfl3-content-list a.dfl3-name span {
font-size: 14px;
}
.def-list3 .dfl3-content-list a.dfl3-2nd {
font-size: 14px;
height: 18px;
color: #000;
text-decoration: none;
overflow: hidden;
}
.def-list3 .dfl3-nr, .def-list3 .dfl3-nr2 {
position: relative;
float: right;
width: 50px;
height: 50px;
margin-top: 10px;
padding: 14px 0 0 0;
text-align: center;
font-size: 15px;
border-radius: 50%;
}
.def-list3 .dfl3-nr {
background: #e5e5e5;
}
.def-list3 .dfl3-nr2 {
background: #8a949d;
color: #fff;
}
/*seznam 6*/
.def-list2 .dfl4-content {
position: relative;
float: left;
width: calc(60% - 30px);
height: 80px;
padding: 22px 10px 0 10px;
line-height: 140%;
}
.def-list2 .dfl4-tright {
position: relative;
float: left;
width: calc(40% - 30px);
height: 50px;
padding: 32px 10px 0 0px;
line-height: 140%;
text-align: right;
overflow: hidden;
}
.def-list2 .dfl4-tright2 {
position: relative;
float: left;
display: flex;
align-items: center;
justify-content: flex-end;
width: calc(40% - 30px);
height: 70px;
padding: 10px 0px 0 0px;
text-align: right;
overflow: hidden;
}
/*seznam 7*/
.def-list2 .dfl7-tright {
position: relative;
float: left;
width: calc(40% - 30px);
height: 50px;
padding: 28px 10px 0 0px;
line-height: 140%;
text-align: right;
overflow: hidden;
}
/*seznam 7a*/
.def-list2 .dfl7a-tright {
position: absolute;
top: 0;
right: 30px;
display: flex;
flex-direction: column;
justify-content: center;
/* float: left; */
/*width: calc(40% - 30px);*/
width: 40%;
height: 100%;
/* padding: 28px 10px 0 0px; */
line-height: 140%;
text-align: right;
overflow: hidden;
}
/*seznam 8 - watchlist*/
.def-list2 .watch-poster {
position: relative;
float: left;
width: 50px;
height: 72px;
margin-top: 4px;
}
.def-list2 .watch-poster img {
position: relative;
width: 50px;
height: 72px;
}
.def-list2 .watchlist-content {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: calc(40% - 50px);
height: 80px;
line-height: 140%;
}
.def-list2 .watchlist-epnr {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: 80px;
height: 80px;
margin: 0px;
padding: 0 0 0;
text-align: center;
font-size: 20px;
color: #fff;
background-color: #2992d7;
}
.def-list2 .watchlist-epname {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: calc(60% - 190px);
height: 80px;
line-height: 140%;
background-color: #fff;
}
.def-list2 .watchlist-pikt {
position: relative;
float: right;
display: -webkit-flex;
display: flex;
align-items: center;
text-align: center;
margin-right: -10px;
width: 120px;
height: 80px;
}
.def-list2 .watchlist-pikt .wlp-in {
/*width: 120px;*/
margin: 0 auto;
}
/*seznam článků - výpis*/
.def-list-art {
position: relative;
height: 107px;
width: 100%;
padding: 5px;
margin: 0 0 12px 0;
}
.def-list-art:nth-child(odd) {
background: #f3f3f3;
}
.def-list-art:nth-child(even) {
background: #eee;
}
.def-list-art .dla {
position: relative;
float: left;
padding: 0;
margin: 0 15px 0 0;
width: 169px;
height: 95px;
}
.def-list-art .dla img {
padding: 0;
margin: 0;
max-width: 100%;
height: 95px;
}
.def-list-art .dla-in {
position: relative;
float: left;
padding: 0;
margin: 0;
width: calc(100% - 190px);
height: 95px;
overflow: hidden;
}
.def-list-art .dla-in a.dla-in-head {
position: relative;
display: block;
padding: 0;
margin: 0 0 5px 0;
width: 100%;
height: 22px;
overflow: hidden;
font-family: k2d;
font-size: 17px;
color: #000;
text-decoration: none;
}
.def-list-art .dla-in p {
position: relative;
padding: 0;
margin: 0;
height: 48px;
font-size: 13px;
line-height: 125%;
font-family: 'Open Sans', sans-serif;
overflow: hidden;
}
.def-list-art .dla-in p a {
color: #000;
text-decoration: none;
}
.def-list-art .dla-in .dla-in-foot {
position: relative;
padding: 0;
margin: 3px 0 0 0;
width: 100%;
overflow: hidden;
font-family: k2d;
font-size: 12px;
color: #000;
text-decoration: none;
}
.def-list-art .dla-in .dla-in-foot span {
padding: 0;
margin: 0 0 0 8px;
}
.def-list-art .dla-in .dla-in-foot a {
font-family: k2d;
font-size: 12px;
color: #000;
text-decoration: none;
}
/*seznam 10 - trofeje*/
.trophy-box {
display: flex;
width: 102px;
height: 68px;
}
.trophy-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(122px, 1fr));
grid-gap: 1rem;
margin: 0 0 20px 0;
}
.trophy-box-grid {
display: flex;
min-width: 122px;
height: 88px;
background: #eee;
padding: 10px;
}
.trophy-box-dot {
display: flex;
flex-direction: column;
width: 12px;
}
.trophy-box-image {
width: 90px;
margin: 0 0 0 10px;
}
.dot-trophy {
height: 68px;
width: 68px;
background-color: #479eef;
border-radius: 50%;
display: inline-block;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}
.dot-trophy img {
height: 47px!important;
width: 36px!important;
}
.dot-default {
height: 12px;
width: 12px;
background-color: #e5e5e5;
border-radius: 50%;
display: inline-block;
margin: 0 0 2px 0;
}
.dot-yellow {
background-color: #ffae00;
}
.trophy-text {
width:calc(100% - 102px);
flex-direction: column;
justify-content: center;
align-content: center;
}
.tt-head {
font-family: K2D;
font-size: 18px;
height: 23px;
overflow: hidden;
word-break: break-all;
}
.tt-text {
font-size: 13px;
color: #616161;
margin: 0 0 6px 0;
height: 17px;
overflow: hidden;
word-break: break-all;
}
.tt-stat {
font-size: 10px;
}
/*lámání výpisu článků*/
@media (max-width: 600px) {
.def-list-art .dla {
display: none;
}
.def-list-art .dla-in {
width: 100%;
}
}
/*lámání watchlistu*/
@media (max-width: 600px) {
.watch-list600 {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
height: 120px;
}
.watchlist-epname .ribbon {
display: none;
}
.def-list2 .watch-poster {
position: relative;
float: left;
width: 25px;
height: 36px;
margin: 2px 0 0 -10px;
}
.def-list2 .watch-poster img {
position: relative;
width: 25px;
height: 36px;
}
.def-list2 .watchlist-content {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: calc(100% - 86px);
height: 40px;
line-height: 110%;
padding: 4px 0 0 0;
}
.def-list2 .watchlist-content a.dfl2-name {
font-size: 16px;
height: 18px;
}
.def-list2 .watchlist-content a.dfl2-2ndrow {
font-size: 14px;
height: 17px;
color: #3e4956;
}
.def-list2 .watchlist-epname .dfl2-3rdrow, .def-list2 .watchlist-epname a.dfl2-3rdrow, .def-list2 .watchlist-epname .wep-name a.wp2 {
font-size: 11px;
color: #bd0000;
line-height: 100%;
}
.def-list2 .watchlist-epname .wep-name {
height: auto;
}
.def-list2 .watchlist-epnr {
position: relative;
float: right;
width: 80px;
height: 40px;
margin: 0 -10px 0 0;
padding: 0 0 0;
text-align: center;
font-size: 14px;
color: #fff;
background-color: #2992d7;
}
.def-list2 .watchlist-epname {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
text-align: left;
height: 34px;
width: calc(100% + 20px);
margin: 0 -8px 0 -10px;
font-size: 11px!important;
}
.def-list2 .watchlist-epname .wep-name {
/*display: none;*/
position: relative;
/*margin: -10px 0 0 0;*/
}
.def-list2 .watchlist-epname a.wp1, .def-list2 .watchlist-epname a.dfl2-3rdrow {
display: none;
}
.def-list2 .watchlist-pikt {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
text-align: center;
width: calc(100% + 20px);
margin-left: -10px;
height: 40px;
background-color: #ddd;
}
}
@media (max-width: 420px) {
.def-list2 .watchlist-content {
padding: 1px 0 0 0;
}
.def-list2 .watchlist-content a.dfl2-name {
font-size: 14px;
height: 16px;
}
.def-list2 .watchlist-content a.dfl2-2ndrow {
font-size: 12px;
height: 15px;
color: #3e4956;
}
.def-list2 .watchlist-pikt .wlp-in {
width: 280px;
margin: 0 auto;
/*vertical-align: -50%;*/
}
}
/*lámání seznamů*/
@media (max-width: 700px) {
.def-list1a {
position: relative;
min-height: 40px;
width: 100%;
padding: 0px 10px 0px 12px;
margin: 0 0 2px 0;
font-family: K2D;
}
.def-list1a .dfhead {
position: relative;
float: left;
max-width: calc(100% - 40px);
font-size: 16px;
margin: 9px 0 0px 0;
padding: 0 20px 8px 0;
/*overflow: hidden;*/
}
.def-list1a .dftext {
position: relative;
float: right;
width: 100%;
height: 18px;
font-size: 14px;
text-align: right;
margin: 11px 0 8px 0;
/*overflow: hidden;*/
}
}
@media (max-width: 500px) {
.def-list2 .dfl2-content-list3 {
position: relative;
float: left;
width: calc(100% - 120px);
height: 40px;
padding: 22px 10px 0 10px;
line-height: 140%;
/* background: green; */
}
.def-list2 .dfl2-content-list3a {
position: relative;
float: left;
width: calc(100% - 140px);
height: 40px;
padding: 22px 10px 0 10px;
line-height: 140%;
/* background: green; */
}
.def-list2 .dfl2-options {
display: none;
}
}
/*výpis obsazení na profilu osobnosti - podseznam série*/
.season {
position: relative;
display: grid;
grid-template-columns: 66px auto;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
background: #fff;
}
.season-nr {
position: relative;
grid-area: 1 / 1 / 2 / 2;
width: 66px;
font-size: 14px;
padding: 8px 0 0 19px;
color: #39566e;
}
.sn {
position: relative;
display: block;
display: table-cell;
ÿ dt 쓅翴 8px;
height: 28px;
text-align: center;
font-size: 13px;
padding: 5px 0 0 0;
margin: 0;
border-radius: 50%;
background: #39566e;
color: #fff;
}
.sn2 { /*používá se např. u titulků na profilu seriálu*/
position: relative;
display: block;
display: table-cell;
width: 28px;
height: 28px;
text-align: center;
font-size: 13px;
padding: 5px 0 0 0;
margin: 0 14px 0 0;
border-radius: 50%;
background: #49a2dd;
color: #fff;
}
.sn3 { /*používá se např. u titulků na profilu seriálu*/
position: absolute;
top: 6px;
left: 20px;
display: block;
display: table-cell;
width: 38px;
height: 38px;
text-align: center;
font-size: 17px;
padding: 7px 0 0 0;
margin: 0px 0 0 0px;
border-radius: 50%;
background: #283443;
color: #fff;
}
.season-list {
position: relative;
grid-area: 1 / 2 / 2 / 3;
width: 100%;
}
/*hlášky na profilu seriálu*/
select.hlasky-sel {
position: relative;
float: left;
width: auto;
height: 30px;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
overflow: hidden;
margin: 5px 0 4px 0;
padding: 3px 5px 3px 5px;
}
.hlasky {
position: relative;
padding: 0;
margin: 0 0 12px 0;
}
.hlasky .hl-link {
position: relative;
display: flex;
width: 100%;
background: #fff;
/*align-items: center;*/
}
.hlasky h2 {
position: relative;
color: #000;
background: #fff;
font-size: 16px;
padding: 10px 10px 10px 18px;
margin: 0;
}
.hlasky h3 {
position: relative;
color: #000;
background: #fff;
font-size: 13px;
padding: 14px 8px 10px 0px;
margin: 0;
}
.hlasky h2 span, .hlasky h3 span {
color: #2992d7;
}
.hlasky a, .autor-hlasky a {
text-decoration: none;
color: #000;
}
.hlasky .nr-flash a {
text-decoration: none;
color: #fff!important;
}
.hlasky .hlaska {
position: relative;
color: #000;
background: #f3f3f3;
font-size: 13px;
padding: 15px 18px 15px 18px;
margin: 3px 0 2px 0;
}
.hlasky .hlaska a {
text-decoration: none;
color: #005eb0;
}
.hlasky .hlaska img {
max-width: 100%;
height: auto;
}
.hlasky .hlaska-pata {
position: relative;
display: grid;
grid-template-columns: auto 150px;
grid-template-rows: auto auto;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #000;
background: #eee;
font-size: 13px;
padding: 10px 18px 10px 18px;
margin: 0 0 0px 0;
}
.hlasky .hlaska-pata2 { /*používá se na HP pro trailery*/
position: relative;
display: flex;
color: #000;
background: #eee;
font-size: 13px;
padding: 0px 18px 0px 18px;
margin: 0 0 0px 0;
height: 40px;
align-items: center;
}
.boxnefunkcni {
margin: 0 4px 0 0;
}
.autor-hlasky {
position: relative;
display: flex;
/*grid-area: 1 / 1 / 2 / 2;*/
font-size: 16px;
font-family: 'K2D', sans-serif;
color: #000;
white-space: nowrap;
}
.autor-hlasky a img {
position: absolute;
width: 22px;
height: 22px;
transform: scale(1);
/*zoom: 27%;*/
border-radius: 50%;
}
.autor-hlasky a div {
padding: 0 0 0 28px;
}
.autor-hlasky a {
position: relative;
color: #000;
padding: 0px;
}
.ikony-hlasky {
position: relative;
/*grid-area: 1 / 2 / 2 / 3;*/
height: 22px;
margin-left: auto;
}
.ikony-hlasky a {
position: relative;
float: left;
}
.panely /*panely na podstránkce profilu seriálu*/ {
position: relative;
width: calc(100% + 10px);
margin-left: -10px;
/*display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;*/
}
.panely3 /*panely na podstránkce profilu seriálu*/ {
position: relative;
width: 100%;
column-count: 3;
column-gap: 20px;
/*display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;*/
}
.panely .pinbox /*verze se 4 panely*/ {
position: relative;
float: left;
width: 200px;
height: 150px;
margin: 0 0 10px 10px;
background: #eee;
color: #000;
}
.panely3 .pinbox3, .panely3 .pinbox /*verze s 3 panely*/ {
position: relative;
min-height: 150px;
margin: 0 0 10px 0px;
background: #eee;
color: #000;
}
.panely .pinbox:first-child, .panely3 .pinbox3:first-child {
/*margin-left: 0px;*/
}
.panely .pinbox .pinobr, .panely .pinbox img {
position: relative;
width: 200px;
height: 112px;
margin: 0;
padding: 0;
}
.panely .pinbox3 .pinobr, .panely .pinbox3 img {
position: relative;
width: 270px;
height: 112px;
margin: 0;
padding: 0;
}
.panely3 .pinbox .pinobr, .panely3 .pinbox img {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
.panely .pinbox .piname a, .panely .pinbox3 .piname a {
position: relative;
display: block;
width: calc(100% - 8px);
height: 38px;
margin: 0;
padding: 10px 0 0 7px;
text-decoration: none;
color: #000;
overflow: hidden;
white-space: nowrap;
font-size: 13px;
}
.panely .pinbox .piname select, .panely .pinbox3 .piname select {
position: relative;
background: #fff;
color: #000;
border-color: #fff;
padding: 2px 0 2px 0;
margin: 7px 5px 0 5px;
width: 190px;
}
/*boxové výpisy na profilu seriálu (a případně jinde
minimální šířka 190px - takže se jich vejde víc, nepoužitelné pro
verzi s méně než 3 boxy vedle sebe)*/
.def-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
grid-gap: 1rem;
margin: 10px 0 20px 0;
}
/*boxové výpisy na profilu seriálu (a případně jinde
pro verzi, kde jsou potřeba pouze dva boxy a méně)*/
.def-grid2 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
grid-gap: 1rem;
margin: 10px 0 20px 0;
}
.def-grid3 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
grid-gap: 1rem;
margin: 10px 0 20px 0;
}
.def-grid-in, .def-grid-in2 {
position: relative;
display: flex;
flex-direction: column;
background: #eee;
}
.def-grid-in {
min-width: 190px;
min-height: 140px;
}
.def-grid-in2 {
min-width: 220px;
min-height: 40px;
}
.def-grid-in .dgi-obr {
position: relative;
width: 100%!important;
margin: 0;
padding: 0;
}
.def-grid-in .dgi-obr img {
position: relative;
width: 100%!important;
margin: 0;
padding: 0;
}
.def-grid-in .dgi-text {
position: relative;
padding: 5px 4px 8px 7px;
background: #eee;
color: #000;
overflow: hidden;
line-height: 115%;
font-size: 14px;
font-weight: normal;
font-family: 'K2D', sans-serif;
}
.def-grid-in .dgi-text a {
text-decoration: none;
color: #000;
}
/*******************titulky******************/
.subs-paging, .subs-paging-tvs {
position: relative;
display: flex;
flex-wrap: wrap;
white-space: nowrap;
align-items: center;
width: 100%;
min-height: 42px;
background: #f3f3f3;
padding: 0 18px 0px 18px;
margin: 0 0 2px 0;
overflow: hidden;
}
.subs-paging-tvs {
justify-content: space-between;
}
.subs-paging a, .subs-paging div, .subs-paging-tvs a, .subs-paging-tvs div {
position: relative;
text-align: center;
width: 25px;
height: 25px;
padding: 3px 0px 0px 0px;
margin: 0 4px 0 0;
overflow: hidden;
text-decoration: none;
}
.subs-paging-tvs a.pact {
color: #fff;
background: #49a2dd;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.subs-paging-tvs a.tvs {
position: relative;
text-align: center;
width: 25px;
height: 25px;
padding: 3px 0px 0px 0px;
margin: 2px 4px 2px 0;
overflow: hidden;
text-decoration: none;
}
.subs-paging-tvs a.tvsbig {
position: relative;
text-align: center;
width: auto;
height: 25px;
padding: 3px 4px 0px 4px;
margin: 0 4px 0 0;
overflow: hidden;
text-decoration: none;
background: #49a2dd;
color: #fff;
}
.subs-paging a, .subs-paging-tvs a {
background: #fff;
color: #000;
}
.subs-paging a:hover, .subs-paging div, .subs-paging-tvs a:hover, .subs-paging-tvs div {
background: #49a2dd;
color: #fff;
}
.subs, .subs2 {
position: relative;
display: flex;
align-items: center;
width: 100%;
color: #000;
margin: 0 0 2px 0;
overflow: hidden;
}
.subs {
height: 42px;
padding: 0 18px 0px 18px;
}
.subs2 {
/*flex-wrap: nowrap;
white-space: nowrap;*/
height: 80px;
padding: 0 18px 0px 18px;
}
.subs .r1 {
position: relative;
display: flex;
align-items: center;
width: calc(100% - 30px);
overflow: hidden;
}
.subs a.suname {
display: flex;
align-items: center;
overflow: hidden;
align-self: center;
height: 20px;
width: calc(100% - 56px);
overflow: hidden;
font-family: K2D;
}
.subs a.sudate2 {
/*display: flex;
align-items: center;*/
width: 56px;
margin: 2px 0 0 10px;
text-align: right;
color: #000;
font-size: 10px;
}
.subs .r2 {
position: relative;
/*display: flex;
align-items: center;*/
width: 20px;
margin: 0px 0 0 10px;
}
.subs .r3 {
position: relative;
display: flex;
align-items: center;
width: 14px;
}
.subs .r3 input {
margin: 0px;
width: 12px;
height: 12px;
}
.subs:nth-child(odd), .subs2:nth-child(odd) {
background: #f3f3f3;
}
.subs:nth-child(even), .subs2:nth-child(even) {
background: #eee;
}
.subs h2, .subs2 h2, .subs h3, .subs2 h3 {
position: relative;
color: #000;
margin: 0;
}
.subs h2 {
align-self: center;
font-size: 16px;
height: 20px;
overflow: hidden;
margin: 0 0 2px 0!important;
/*display: inline-block;
white-space: nowrap; */
}
.subs h3 {
display: inline-block;
margin: 0 0 0 10px;
}
.subs h4 {
display: inline-block;
margin: 0 0 0 0px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
}
.subs a h4 {
color: #000;
}
.subs2 h2 {
font-size: 17px;
overflow: hidden;
height: 20px;
width: 100%;
}
.subs2 h3, .subs h3 {
font-size: 14px;
overflow: hidden;
white-space: nowrap;
}
.subs2 a {
width: 100%;
}
.subs h2 span.sunr, .subs2 h2 span.sunr, .subs2 .sunr, .subs .sunr {
display: inline-block;
margin: 0 10px 0 0;
color: #2992d7;
font-size: 16px;
width: 48px;
}
.subs2 h2 span.sudate, .subs2 h3 span.sudate, .subs h2 span.sudate, .subs h3 span.sudate {
display: inline-block;
margin: 0 0 0 10px;
color: #000;
font-size: 10px;
}
.subs a, .subs2 a {
text-decoration: none;
}
.subs:hover, .subs2:hover {
/*background: #fff;*/
}
@media (max-width: 350px) {
.subs {
height: 42px;
padding: 0 5px 0px 5px;
}
}
/*hudba na profilu epizody*/
.subs2 .box-play {
display: flex;
align-content: center;
justify-content: center;
height: 80px;
width: 68px;
background: #fff;
margin-left: -18px;
}
.subs2 .box-play a, .subs2 .box-play div {
position: relative;
display: block;
height: 29px;
width: 29px;
margin: 24px 0 0 0;
}
.subs2 .box-music {
width:calc(100% - 72px);
height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
line-height: 150%;
font-size: 12px;
overflow: hidden;
padding: 0 0 0 16px;
}
.subs2 .box-music h2 span {
color: #2992d7;
}
.subs2 .box-music div {
height: 19px;
}
.subs2 .box-play-love {
position: relative;
height: 22px;
width: 22px;
}
.subs2 .box-play-love a {
position: relative;
display: block;
height: 22px;
width: 22px;
}
/************************/
.season-head {
position: relative;
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
align-items: center;
width: 100%;
height: 42px;
color: #000;
background: #fff;
padding: 0 18px 0px 18px;
margin: 20px 0 2px 0;
overflow: hidden;
}
.season-head .shh {
position: relative;
/*width: calc(100% - 182px);*/
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
align-items: center;
}
.season-head .shh1 /*seznam epizod box 1*/ {
position: relative;
width: calc(100% - 20px);
display: flex;
align-items: center;
}
.season-head .shh2 /*seznam epizod box 2*/ {
position: relative;
width: 20px;
display: flex;
align-items: center;
}
.season-head .stahnout {
position: relative;
width: 182px;
height: 25px;
color: #000;
padding: 2px 0 0 0;
margin: 0 0 0px 10px;
text-align: right;
background: url('images/sub-down-head.png') 0px 0px no-repeat;
text-decoration: none;
}
.ss-head {
position: relative;
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
white-space: nowrap;
align-items: center;
width: 100%;
height: 50px;
color: #000;
background: #f3f3f3;
padding: 0 18px 0px 18px;
margin: 2px 0 0px 0;
overflow: hidden;
}
.ss-head .stahnout {
position: relative;
width: 29px;
height: 29px;
color: #000;
padding: 2px 0 0 0;
margin: 0 0 0px 10px;
text-align: right;
text-decoration: none;
}
.subdown {
background: url('images/sub-down.png') 0px 0px no-repeat;
}
.thx {
background: url('images/sub-thx.png') 0px 0px no-repeat;
}
.single-sub {
position: relative;
display: flex;
flex-wrap: wrap;
white-space: nowrap;
width: 100%;
background: #f3f3f3;
padding: 0;
margin: 0px 0 20px 0;
overflow: hidden;
}
.ss-col1 {
position: relative;
width: 80px;
}
.ss-col2 {
position: relative;
width: calc(100% - 95px);
}
table.subtab {
position: relative;
width: 100%;
padding: 0px 0 0 0;
margin: 0px 0px 20px 0px;
font-size: 12px;
font-weight: normal;
border-collapse: collapse;
table-layout: fixed;
}
table.subtab td {
height: 30px;
max-height: 30px;
padding: 4px 8px 4px 8px;
border: 1px solid #f9f9f9;
overflow: hidden;
}
table.subtab td:nth-child(odd) {
background-color: #fff;
width: 110px;
}
table.subtab td:nth-child(even) {
background-color: #e7e7e7;
width: calc(100% - 125px);
}
table.subtab td:nth-child(even) span {
position: absolute;
display: inline-block;
right: 10px;
}
table.subtab td:nth-child(even) a {
color: #2992d7;
text-decoration: none;
}
/******************tímeline******************/
.timeline-in-form {
position: relative;
background: #eee;
margin: 15px 0 10px 0;
padding: 10px;
}
.timeline-in-form input.timeline-inp, .timeline-in-form textarea.timeline-inp {
position: relative;
/*float: left;*/
width: calc(100% - 110px);
height: 30px;
padding: 6px 5px 6px 8px;
/*margin: 3px 0 0 0;*/
margin: 0;
text-align: left;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
background: #fff;
border: 0px;
color: #000;
}
.time-line-writer input.timeline-inp, .time-line-writer textarea.timeline-inp {
position: relative;
/*float: left;*/
width: calc(100% - 150px);
height: 30px;
padding: 6px 5px 4px 7px;
margin: 0 0 0 10px;
text-align: left;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
background: #fff;
border: 0px;
color: #000;
}
.time-line-list {
position: relative;
height: 80px;
width: 100%;
padding: 0px 10px 0 10px;
margin: 20px 0 2px 0;
font-family: K2D;
background-color: #526479;
}
.time-line-list a {
color: #fff;
text-decoration: none;
}
.timeline-head-poster img {
position: relative;
float: left;
width: 60px;
height: 60px;
margin: 10px 0 0 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
.timeline-poster img {
position: relative;
float: left;
width: 43px;
height: 60px;
margin: 10px 10px 0 7px;
}
.cbb-text p img.tml-in-img, .cbb-text img.tml-in-img {
max-width: 100%!important;
height: auto!important;
}
.cbb-text p img.centertimeimg, .cbb-text img.centertimeimg, img.centertimeimg {
position: relative;
text-align: center!important;
margin: 0 auto!important;
display: block;
}
.cbb-text iframe {
max-width: 100%!important;
max-height: auto!important;
}
.time-line-list .timeline-head-nick {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: calc(60% - 60px);
height: 80px;
line-height: 140%;
}
.time-line-list .timeline-head-nick a.dfl2-name {
position: relative;
display: block;
height: 22px;
font-size: 20px;
overflow: hidden;
}
.time-line-list .timeline-head-date {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: 40%;
height: 80px;
}
.time-line-list .timeline-head-date .thd-in {
position: relative;
display: block;
height: 16px;
font-size: 14px;
text-align: right;
color: #fff;
overflow: hidden;
}
.time-line-writer {
position: relative;
/*display: flex;*/
background: #f1f1f1;
margin: 0px 0 0px 0;
padding: 10px 18px 10px 18px;
}
.timeline-in-poster img {
position: relative;
float: left;
width: 30px;
height: 30px;
margin: 0px 0 0 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
.time-line-writer .opsend4 {
margin-top: 0px!important;
}
.video-container {
position:relative;
padding-bottom:56.25%;
/*padding-top:30px;*/
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.timeline-commentline:nth-child(even) {
background: #eee;
}
.timeline-commentline:nth-child(odd) {
background: #e8e8e8;
}
.timeline-commentline {
position: relative;
min-height: 30px;
width: 100%;
padding: 10px 10px 0 10px;
margin: 0 0px 2px 0px;
}
.timeline-in-comment {
position: relative;
float: left;
width: calc(100% - 40px);
padding: 0px;
margin: 0 0 0 10px;
line-height: 120%;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
overflow: hidden; /*odsud níž kvůli dlouhým odkazům, co rozhazujou layout*/
/*word-wrap: break-word;
word-break: break-all;
white-space: normal;
word-break: break-word;
line-break: anywhere;
text-wrap: balance;*/
word-wrap: break-word;
overflow-wrap: break-word;
}
.timeline-in-comment a.tic-head {
position: relative;
display: block;
color: #000;
width: 100%;
text-decoration: none;
margin: 2px 0 6px 0;
font-family: K2D;
font-size: 16px;
}
.timeline-icoline {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
height: 50px;
background: #ececec;
margin: 0px 0 0px 0;
padding: 0px 18px 0px 18px;
}
.timeline-icoline .timico-uncheck, .timeline-icoline .timico-check, .timeline-icoline .timico-disc {
position: relative;
float: left;
display: block;
height: 26px;
width: 26px;
padding: 0;
margin: 0 4px 0 0;
overflow: hidden;
}
.timeline-icoline .timico-disc {
margin: 0 4px 0 0;
}
.timeline-icoline a {
text-decoration: none;
color: #000;
margin: 0 7px 0 0;
}
.timeline-icoline a span {
display: block;
float: left;
margin: 3px 0 0 0;
}
blockquote .twitter-tweet, .twitter-tweet {
width: auto!important;
max-width: 500px;
max-width: 100%!important;
min-width: 220px;
}
.timeline-icoline .timico-uncheck {
width: 26px;
height: 26px;
background: url('images/social-sprite.png') 0px -391px no-repeat;
}
.timeline-icoline .timico-check {
width: 26px;
height: 26px;
background: url('images/social-sprite.png') -27px -391px no-repeat;
}
.timeline-icoline a:hover .timico-uncheck {
width: 26px;
height: 26px;
background: url('images/social-sprite.png') -54px -391px no-repeat;
}
.timeline-icoline .timico-disc {
width: 26px;
height: 26px;
background: url('images/social-sprite.png') -81px -391px no-repeat;
}
.timeline-icoline a:hover .timico-disc {
width: 26px;
height: 26px;
background: url('images/social-sprite.png') -108px -391px no-repeat;
}
/*našeptávač*/
ul.zavinator-ul {
position: absolute;
z-index: 1999;
width: calc(100% - 110px);
margin: -3px 0 0 0;
padding: 5px;
background: #283443;
color: #fff;
font-size: 12px;
z-index: 999;
}
ul.zavinator-ul li {
position: relative;
display: block;
width: 100%;
height: 40px;
margin-bottom: 5px;
line-height: 160%;
overflow: hidden;
white-space: -moz-pre-wrap !important;
white-space: -webkit-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
z-index: 999;
}
ul.zavinator-ul li:hover {
background: #fff;
color: #283443;
cursor: pointer;
}
@media (max-width: 600px) {
.time-line-list {
position: relative;
height: 50px;
width: 100%;
padding: 0px 10px 0 10px;
margin: 16px 0 2px 0;
font-family: K2D;
background-color: #526479;
}
.timeline-head-poster img {
position: relative;
float: left;
width: 30px;
height: 30px;
margin: 10px 0 0 0;
border-radius: 50%;
/*filter: saturate(1.5);
-webkit-filter: saturate(1.5);*/
}
.timeline-poster img {
position: relative;
float: left;
width: 21px;
height: 30px;
margin: 10px 10px 0 7px;
}
.time-line-list .timeline-head-nick {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: calc(60% - 40px);
height: 50px;
}
.time-line-list .timeline-head-nick a.dfl2-name {
position: relative;
display: block;
height: 19px;
font-size: 15px;
overflow: hidden;
}
.time-line-list .timeline-head-date {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: 40%;
height: 50px;
}
.time-line-list .timeline-head-date .thd-in {
position: relative;
display: block;
height: 16px;
font-size: 13px;
text-align: right;
color: #fff;
overflow: hidden;
}
ul.zavinator-ul {
position: absolute;
z-index: 100;
width: 100%;
padding: 5px;
background: #283443;
color: #fff;
font-size: 12px;
z-index:999;
}
}
@media (max-width: 400px) {
.timeline-in-form input.timeline-inp, .timeline-in-form textarea.timeline-inp {
position: relative;
/*float: left;*/
width: calc(100% - 110px);
height: 30px;
padding: 6px 5px 6px 5px;
/*margin: 2px 10px 0 0;*/
margin: 0px 10px 0 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
.timeline-line-writer .opsend4 {
position: relative;
width: 100%;
}
.time-line-writer input.timeline-inp, .time-line-writer textarea.timeline-inp {
position: relative;
/*float: left;*/
width: calc(100% - 145px);
height: 30px;
padding: 6px 5px 4px 5px;
margin: 0 0 10px 10px;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
}
/*********************názory*********************/
.nazory-head {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
height: 75px;
width: 100%;
padding: 0px;
margin: 0 0 1px 0;
font-family: K2D;
background: #2992d7;
}
.nh-left {
position: relative;
width: 100%;
height: 75px;
display: -webkit-flex;
display: flex;
align-items: center;
padding: 0px 20px 0 0px;
}
.nazory-head .nh-left .phl-text .phl-2ndrow {
margin: 0px!important;
}
.nh-left a.nh-link {
position: absolute;
right: 20px;
padding: 0px;
color: #fff;
text-decoration: none;
}
.nazory-body {
position: relative;
width: 100%;
padding: 25px 15px 10px 15px;
margin: 0 0 0 0;
background: #f3f3f3;
}
.nazory-body h2 {
margin: 0 0 15px 0;
overflow: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
}
.nazory-body p {
position: relative;
padding: 0!important;
overflow: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
.nazory-body .nb-down {
position: absolute;
bottom: 0px;
right: 0px;
width: 60px;
height: 30px;
padding: 0px;
margin: 0 0 0 0;
}
.nazory-foot {
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: row;
align-items: center;
height: 80px;
width: 100%;
margin: 0 0 30px 0;
background: #fff;
}
.nazory-foot2 {
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: row;
align-items: center;
height: 80px;
width: 100%;
margin: -20px 0 30px 0;
background: #fff;
}
.nf-in {
position: relative;
width: calc(100% - 75px);
margin: 0;
padding: 0 0 0 15px;
font-size: 14px;
line-height: 130%;
}
.nf-in2 /*profil seriálu*/ {
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: calc(100% - 40px);
margin: 0;
padding: 0;
font-size: 14px;
}
.nf-rowrev {
position: relative;
display: -webkit-flex;
display: flex;
flex-direction: row-reverse;
width: calc(100% - 90px);
align-items: center;
}
.nf-in2 .nf-row {
position: relative;
width: 100%!important;
text-align: right;
}
.nf-in2 .nf-row input[type="radio"] {
position: relative;
vertical-align: middle;
margin: 0px 0px 0px 7px;
}
.nf-in2 .nf-row label {
position: relative;
}
.nf-in-send /*profil seriálu*/ {
position: relative;
width: 50px;
min-height: 29px;
margin: 0;
padding: 0;
}
.nf-in-send img /*profil seriálu*/ {
position: relative;
width: 29px;
height: 29px;
margin: 0 0 0 20px;
padding: 0 0 0 0px;
}
@media (max-width: 500px) {
.nh-left a.nh-link {
display: none;
}
}
/*********************playlist*********************/
.playlist-head {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
height: 75px;
width: 100%;
padding: 0px;
margin: 0 0 1px 0;
font-family: K2D;
background: #2992d7 url('images/playlist-head.png') 12px 15px no-repeat;
}
.ph-left {
position: relative;
float: left;
width: 50%;
height: 75px;
display: -webkit-flex;
display: flex;
align-items: center;
padding: 0px 0px 0 70px;
}
.phl-text {
position: relative;
float: left;
width: 100%;
padding: 2px 0 0 0;
overflow: hidden;
/*height: 75px;*/
}
.phl-text .phl-name {
display: block;
width: 100%;
font-size: 18px;
height: 23px;
padding: 0;
overflow: hidden;
}
.phl-text .phl-name a {
color: #fff;
text-decoration: none;
}
.phl-text .phl-2ndrow {
display: block;
width: 100%;
font-size: 16px;
height: 20px;
margin: -2px 0 0 0;
overflow: hidden;
}
.phl-text .phl-2ndrow a {
color: #f3f3f3;
text-decoration: none;
}
.ph-right {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: 50%;
height: 75px;
padding: 0px;
/*line-height: 130%;*/
background: #036aad;
}
.phr-poster {
position: relative;
float: left;
width: 52px;
height: 75px;
margin-right: 10px;
}
.phr-poster img {
width: 52px;
height: 75px;
}
.phr-text {
position: relative;
float: left;
width: calc(100% - 62px);
/*height: 75px;*/
}
.phr-text .phr-name {
display: block;
width: 100%;
font-size: 16px;
height: 20px;
overflow: hidden;
}
.phr-text .phr-name, .phr-text .phr-2ndrow, .phl-name {
color: #fff;
text-decoration: none;
}
.phl-2ndrow {
color: #d9f0ff;
text-decoration: none;
}
.phr-text .phr-2ndrow {
display: block;
width: 100%;
font-size: 14px;
color: #fff;
}
.playlist-foot {
position: relative;
height: 65px;
width: 100%;
padding: 0px;
margin: 1px 0 30px 0;
font-family: K2D;
background: #036aad;
}
.p-foot-icoline {
position: relative;
float: left;
height: 65px;
display: -webkit-flex;
display: flex;
align-items: center;
width: calc(100% - 280px);
padding: 0 0 0 10px;
margin: 0;
background: #036aad;
}
.playlist-ico {
position: relative;
height: 33px;
width: 33px;
margin-left: 6px;
}
.playlist-list {
position: relative;
height: 29px;
width: 29px;
margin: 0 6px 0 6px;
}
.p-ico-play /*playlist play*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) 0px -465px no-repeat;*/
background: url('images/player_next-blue.svg') 0px 0px no-repeat;
}
.p-ico-play-list /*playlist play v seznamu dole a na profilu epizody*/ {
display: block;
width: 29px;
height: 29px;
/*background: url(images/social-sprite.png) -234px -465px no-repeat;*/
background: url('images/player_play-blue.svg') 0px 0px no-repeat;
}
.p-ico-play-list:hover /*playlist play v seznamu dole*/ {
display: block;
width: 29px;
height: 29px;
/*background: url(images/social-sprite.png) -204px -465px no-repeat;*/
background: url('images/player_play-white.svg') 0px 0px no-repeat;
}
.p-ico-play2, .p-ico-play:hover /*playlist play světlá*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) -102px -465px no-repeat;*/
background: url('images/player_next-light.svg') 0px 0px no-repeat;
}
.p-ico-stop-list /*playlist stop na profilu epizody*/ {
display: block;
width: 29px;
height: 29px;
background: url(images/social-sprite.png) -264px -465px no-repeat;
}
.p-ico-none-list /*playlist stop na profilu epizody*/ {
display: block;
width: 29px;
height: 29px;
background: url(images/social-sprite.png) -294px -465px no-repeat;
}
.p-ico-trash /*playlist koš*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) -34px -465px no-repeat;*/
background: url('images/player_bin-blue.svg') 0px 0px no-repeat;
}
.p-ico-trash:hover /*playlist koš*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) -136px -465px no-repeat;*/
background: url('images/player_bin-light.svg') 0px 0px no-repeat;
}
.p-ico-love-act /*playlist srdce aktivní*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) -68px -465px no-repeat;*/
background: url('images/player_heart-red.svg') 0px 0px no-repeat;
}
.p-ico-love:hover /*playlist srdce aktivní*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) -68px -465px no-repeat;*/
background: url('images/player_heart-red.svg') 0px 0px no-repeat;
}
.p-ico-love /*playlist srdce*/ {
display: block;
width: 33px;
height: 33px;
/*background: url(images/social-sprite.png) -170px -465px no-repeat;*/
background: url('images/player_heart-white.svg') 0px 0px no-repeat;
}
.p-foot-selline {
position: relative;
float: right;
}
.playlist-foot select {
position: relative;
background: #fff;
color: #000;
border-color: #fff;
padding: 2px 0 2px 0;
margin: 20px 10px 0px 0;
overflow: hidden;
}
.play-line:nth-child(even), .play-line2:nth-child(even) {
background: #eee;
}
.play-line:nth-child(odd), .play-line2:nth-child(odd) {
background: #f3f3f3;
}
.play-line, .play-line2 {
position: relative;
width: 100%;
padding: 0px;
margin: 0 0 2px 0;
font-family: K2D;
}
.play-line /*playlist*/ {
height: 40px;
}
.play-line2 /*profil seriálu - obsazení*/ {
height: 50px;
}
.playlist-line, .playlist-line2 {
position: relative;
display: block;
width: 100%;
display: -webkit-flex;
display: flex;
align-items: center;
padding: 0px;
margin: 0;
}
.playlist-line {
height: 40px;
}
.playlist-line2 {
height: 50px;
}
.playlist-line2 .pl2-poster {
width: 40px;
height: 50px;
}
.pl-line-song {
position: relative;
float: left;
width: calc(50% - 41px);
/*height: 19px; vypnuto kvůli scroll u Lukáše, používá se v obsazení na profilu seriálu a v playlistu*/
padding: 0px;
margin: 0;
overflow-x: hidden;
white-space: nowrap;
}
.pl-line-song a {
position: relative;
padding: 0;
color: #000;
text-decoration: none;
}
.pl-line-artist, .pl-line-artist2 {
position: relative;
float: left;
display: -webkit-flex;
display: flex;
align-items: center;
width: 50%;
padding: 0px;
margin: 0;
background: #e5eaed;
}
.pl-line-artist {
height: 40px;
}
.pl-line-artist2 {
height: 50px;
}
.pl-line-artist .pla-in, .pl-line-artist2 .pla-in {
position: relative;
float: left;
width: calc(100% - 30px);
height: 19px;
padding: 0 0 0 8px;
margin: 0;
overflow: hidden;
}
/*.playlist-line:hover {
background: #fff;
} */
.pl-line-artist a.redcircle, .pl-line-artist2 a.redcircle {
position: relative;
display: block;
display: table-cell;
width: 18px;
height: 18px;
text-align: center;
padding: 0;
border-radius: 50%;
line-height: 200%;
color: #fff;
font-size: 9px;
font-weight: strong;
background: #cd0000;
text-decoration: none;
}
.pl-line-artist a.redcircle:hover, .pl-line-artist2 a.redcircle:hover {
color: #cd0000;
background: #fff;
text-decoration: none;
}
@media all and (max-width: 460px) {
.playlist-head {
height: 55px;
background: #2992d7 url('images/playlist-head2.png') 12px 13px no-repeat;
}
.ph-left {
padding: 0px 0px 0 54px;
}
.nazory-head {
height: 55px;
}
.nh-left {
width: 100%;
height: 55px;
}
.ph-right {
width: 50%;
height: 55px;
}
.phr-poster {
width: 38px;
height: 55px;
}
.phr-poster img {
width: 38px;
height: 55px;
}
.phr-text {
position: relative;
float: left;
width: calc(100% - 52px);
}
.phr-text .phr-name {
display: block;
width: 100%;
font-size: 12px;
height: 15px;
overflow: hidden;
}
.phr-text .phr-2ndrow {
display: block;
width: 100%;
font-size: 12px;
color: #fff;
}
.ph-left .phl-name {
display: block;
width: 100%;
font-size: 14px;
height: 17px;
overflow: hidden;
}
.ph-left .phl-2ndrow {
display: block;
width: 100%;
font-size: 14px;
overflow: hidden;
}
.playlist-foot {
height: 80px;
margin: 1px 0 30px 0;
}
.p-foot-icoline {
position: relative;
height: 40px;
display: -webkit-flex;
display: flex;
align-items: center;
width: 100%;
padding: 0px;
margin: 4px 0 0 4px;
background: #036aad;
}
.p-foot-selline {
position: relative;
width: 100%;
text-align: right;
}
.playlist-foot select {
position: relative;
background: #fff;
color: #000;
border-color: #fff;
padding: 2px 0 2px 0;
margin: 6px 10px 0px 0;
overflow: hidden;
}
.npl-circ3 {
position: relative;
display: table-cell;
width: 40px;
height: 40px;
text-align: center;
font-size: 14px;
padding: 11px 0 0 0;
margin: 0 0 0 10px;
border-radius: 50%;
color: #fff;
font-family: K2D;
background: #2992d7!important;
}
}
/******************hry a zábava******************/
a.games-list {
position: relative;
display: block;
height: 140px;
width: 100%;
padding: 0px 0px 0 0px;
margin: 20px 0 2px 0;
background: #f3f3f3;
color: #000;
text-decoration: none;
}
.games-list .games-ico {
position: relative;
float: left;
width: 84px;
height: 84px;
margin: 20px 25px 0 20px;
}
.gl-pikt-tradegame {
width: 84px;
height: 84px;
background: url(images/games_tradegame.svg) top left no-repeat;
}
.gl-pikt-postergame {
width: 84px;
height: 84px;
background: url(images/games_postergame.svg) top left no-repeat;
}
.gl-pikt-sibenice {
width: 84px;
height: 84px;
background: url(images/games_hangman.svg) top left no-repeat;
}
.gl-pikt-tombola {
width: 84px;
height: 84px;
background: url(images/games_tombola.svg) top left no-repeat;
}
.gl-pikt-ztracena {
width: 84px;
height: 84px;
background: url(images/games_trofej.svg) top left no-repeat;
}
.gl-pikt-anketa {
width: 84px;
height: 84px;
background: url(images/games_anketa.svg) top left no-repeat;
}
.gl-pikt-spock {
width: 84px;
height: 84px;
background: url(images/games_spock.svg) top left no-repeat;
}
.gl-pikt-kdoprezije {
width: 84px;
height: 84px;
background: url(images/games_kdoprezije.svg) top left no-repeat;
}
.gl-pikt-puzzle {
width: 84px;
height: 84px;
background: url(images/games_puzzle.svg) top left no-repeat;
}
.gl-pikt-2222 {
width: 84px;
height: 84px;
background: url(images/games_22-222.svg) top left no-repeat;
}
.gl-pikt-netflix {
width: 84px;
height: 84px;
background: url(images/games_netflix-top10.svg) top left no-repeat;
}
.gl-pikt-szawards {
width: 84px;
height: 84px;
background: url(images/games_awards.svg) top left no-repeat;
}
.gl-pikt-emmy {
width: 84px;
height: 84px;
background: url(images/games_emmy.svg) top left no-repeat;
}
.gl-pikt-gglobes {
width: 84px;
height: 84px;
background: url(images/games_globe.svg) top left no-repeat;
}
.games-list-in {
position: relative;
float: left;
height: 140px;
width: calc(100% - 129px);
padding: 0px;
margin: 0px;
}
.gli-head {
position: relative;
width: 100%;
overflow: hidden;
font-family: K2D;
font-size: 22px;
height: 28px;
margin: 28px 0 6px 0;
}
.gli-in {
position: relative;
width: 100%;
overflow: hidden;
font-size: 14px;
height: 60px;
}
.gli-in span {
font-weight: bold;
}
/*******************tombola*********************/
.tomb-box {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
padding: 20px 20px 20px 20px;
margin: 0 0 20px 0;
color: #000;
background: #f3f3f3;
}
.tb-head {
position: relative;
display: flex;
justify-content: space-beetween;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
}
.tb-head .tbh-col1 {
position: relative;
width: calc(100% - 170px);
padding: 0;
margin: 0;
}
.tb-head .tbh-col1-in {
position: relative;
display: flex;
align-items: center;
width: 200px;
padding: 0;
margin: 0;
}
.tb-head .tbh-col1-in select.choosewhat-white, .tb-head .tbh-col1-in select {
padding: 4px 0 3px 0;
margin: 0px;
background: #fff;
color: #000;
border-color: #fff;
}
.tb-head .tbh-col1-in input.uni-but {
position: relative;
text-decoration: none;
color: #fff;
text-align: center;
background: #2992d7;
padding: 4px 12px 4px 12px;
margin: 0 auto;
font-family: K2D;
font-weight: normal;
font-size: 13px;
border: 0px;
cursor: pointer;
}
.tb-head .tbh-col1-in input.uni-but:hover {
color: #2992d7;
background: #fff;
}
.tb-head .tbh-col2 {
position: relative;
width: 170px;
padding: 0;
margin: 0;
text-align: right;
}
.tb-text {
position: relative;
width: 100%;
padding: 0;
margin: 0;
}
.tb-head h2, .tb-head h3 {
position: relative;
padding: 0;
color: #000;
font-family: k2d;
}
.tb-head h2 {
margin: 0 0 12px 0;
font-size: 18px;
}
.tb-head h3 {
margin: 0 0 12px 0;
font-size: 16px;
}
@media (max-width: 500px) {
.tb-head {
flex-direction: column;
}
.tb-head .tbh-col1 {
width: 100%;
margin: 20px 0 0 0;
}
.tb-head .tbh-col2 {
width: 100%;
margin: 20px 0 0 0;
text-align: left;
}
}
/*******************postergame*********************/
.poster-box-head {
position: relative;
display: flex;
width: 100%;
padding: 20px 20px 20px 20px;
margin: 0 0 20px 0;
color: #000;
background: #f3f3f3;
}
.pbh-in {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
}
.pbh-in input.posterg {
position: relative;
width: calc(100% - 60px);
height: 36px;
padding: 4px 5px 4px 5px;
margin: 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
color: #000;
}
.pbh-in input.uni-but {
position: relative;
text-decoration: none;
color: #fff;
text-align: center;
background: #2992d7;
height: 36px;
padding: 4px 12px 4px 12px;
font-family: K2D;
font-weight: normal;
font-size: 13px;
border: 0px;
cursor: pointer;
}
.pbh-in input.uni-but:hover {
color: #2992d7;
background: #fff;
text-decoration: none;
}
.poster-box-cover {
position: relative;
width: 100%;
padding: 20px 0px 20px 0px;
margin: 0 0 20px 0;
background: #f3f3f3;
}
.pbc-full {
position: relative;
display: flex;
justify-content: center;
}
.poster-box {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
padding: 0px 20px 0px 20px;
/*margin: 0 0 4px 0;*/
color: #000;
}
.poster-box-box {
position: relative;
display: flex;
width: 33%;
height: auto;
min-height: 50px;
padding: 0px;
margin: 0;
}
.poster-box-box img {
position: relative;
width: 100%;
height: auto;
}
/*******************šibenice*********************/
.hang-box-head {
position: relative;
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
width: 100%;
padding: 20px 20px 20px 20px;
margin: 0 0 20px 0;
color: #000;
background: #eee;
}
.hbh-word {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: row;
/*justify-content: space-between;*/
margin: 0 38px 0 0;
flex-flow: wrap;
}
.hbh-letter {
position: relative;
display: flex;
height: 34px;
width: 34px;
background: #fff;
color: #000;
font-family: k2d;
font-size: 18px;
margin: 0 4px 4px 0;
align-items: center;
justify-content: center;
text-transform: uppercase;
}
.hangman-box {
position: relative;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
background: black;
}
.hangman-box .hang-in-bg {
position: relative;
top: 0px;
left: 0px;
display: flex;
width: 100%;
max-width: 100%;
height: auto;
z-index:10;
}
.hangman-box .hang-in {
position: absolute;
top: 0px;
left: 0px;
display: flex;
width: 100%;
max-width: 100%;
height: auto;
z-index:11;
}
.hangman-box img {
max-width: 100%!important;
height: auto!important;
}
.hang-box-head2 {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding: 30px 0px 30px 0px;
margin: 0 0 20px 0;
color: #000;
background: #eee;
}
.hbh2result {
flex-direction: column;
align-items: center;
text-align: center;
}
.hbh2result p {
margin: 10px 0 0 0;
}
.hbh2result p a {
color: #005eb0;
text-decoration: none;
}
.hbh-line {
position: relative;
display: flex;
flex-direction: row;
width: 100%;
justify-content: center;
}
.keyb-letter {
position: relative;
display: flex;
height: 40px;
width: 40px;
background: #1d5577;
color: #fff;
font-family: k2d;
font-size: 18px;
margin: 0 6px 6px 0;
align-items: center;
justify-content: center;
border-radius: 50%;
text-decoration: none;
}
.kb-act {
filter: grayscale(1);
}
@media (max-width: 500px) {
.hbh-line {
flex-wrap: wrap;
}
}
/******************video wrapper******************/
.flex {
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 5px;
margin-bottom: 10px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* showMessage - aktivní podbarvené systémové hlášky */
.shm_success {
font-family: Arial, Helvetica, clean, sans-serif;
font-size: large;
font-weight: bold;
text-align: center;
background-color: #27a13b;
color: #fff;
}
.shm_fail {
font-family: Arial, Helvetica, clean, sans-serif;
font-size: large;
font-weight: bold;
text-align: center;
background-color: #cc2525;
color: #fff;
}
.shm_info {
font-family: Arial, Helvetica, clean, sans-serif;
font-size: large;
font-weight: bold;
text-align: center;
background-color: #416ac8;
color: #fff;
}
.shm_trophy {
font-family: Arial, Helvetica, clean, sans-serif;
font-size: large;
font-weight: bold;
text-align: center;
background-color: #FFFF99;
color: #000;
}
.shm_promo {
font-family: Arial, Helvetica, clean, sans-serif;
font-size: large;
font-weight: bold;
text-align: center;
background-color: #9900CC;
color: #fff;
}
.shm_success a, .shm_fail a, .shm_info a, .shm_promo a {
color: #fff;
text-decoration: underline;
}
.shm_trophy a {
color: #000;
text-decoration: underline;
}
/******************login**********************/
#fb-root {
display: none;
}
.grouping-section-log {
min-height: 400px;
padding: 0px 0 0px 0;
/*position: relative;*/
text-align: center;
margin-bottom: 20px;
overflow: hidden;
break-inside: avoid;
}
.grouping-section-log input::-webkit-input-placeholder { /* Chrome */
color: #000;
opacity: 1;
}
.grouping-section-log input:focus::-webkit-input-placeholder {
opacity: 0.5;
}
.grouping-section-log input:-ms-input-placeholder { /* IE 10+ */
color: #000;
transition: opacity 250ms ease-in-out;
}
.grouping-section-log input:focus:-ms-input-placeholder {
opacity: 0.5;
}
.grouping-section-log input::-moz-placeholder { /* Firefox 19+ */
color: #000;
opacity: 1;
transition: opacity 250ms ease-in-out;
}
.grouping-section-log input.log-in {
/*position: relative;*/
color: #000;
width: 100%;
height: 36px;
padding: 4px 5px 4px 5px;
margin: 0px 0 10px 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
opacity: 1;
}
a.log-butt {
/*position: relative;*/
display: flex;
text-decoration: none;
color: #000;
background: #fff;
width: 280px;
height: 31px;
padding: 0px;
margin: 16px 0px 15px 0px;
font-family: K2D;
font-weight: normal;
font-size: 13px;
}
a.log-butt div {
text-align: center;
width: calc(100% - 37px);
padding: 5px 0 0 0;
}
a.log-butt:hover {
color: #fff;
background: #2992d7;
}
.log-reg-ico {
/*position: relative;
float: left;*/
background: #fff url('images/log-reg-ico.jpg') 0px 0px no-repeat;
width: 37px;
height: 31px;
}
.log-neprisel-ico {
/*position: relative;
float: left;*/
background: #fff url('images/log-neprisel-ico.jpg') 0px 0px no-repeat;
width: 37px;
height: 31px;
}
.log-admin-ico {
/*position: relative;
float: left;*/
background: #fff url('images/log-admin-ico.jpg') 0px 0px no-repeat;
width: 37px;
height: 31px;
}
input.log-butt2 {
position: relative;
display: block;
text-decoration: none;
color: #fff;
text-align: center;
background: #2992d7;
padding: 5px 8px 7px 8px;
margin: 0 auto;
font-family: K2D;
font-weight: normal;
font-size: 14px;
width: 210px;
border: 0px;
cursor: pointer;
}
input.log-butt2:hover {
color: #000;
background: #fff;
}
.log-inline {
position: relative;
float: left;
width: 100%;
text-align: center;
color: #000;
margin: 0 auto;
margin: 0 0 20px 0;
}
.log-inline label {
display: block;
padding-left: 15px;
text-indent: -15px;
font-size: 12px;
}
.log-inline a.forg {
position: relative;
display: block;
padding: 0 0 0 17px;
margin: 4px 0 0 0;
font-size: 12px;
}
.log-inline input.chck {
position: relative;
top: -1px;
*overflow: hidden;
width: 13px;
height: 13px;
padding: 0;
margin: 0 4px 0 0;
vertical-align: bottom;
}
.g-signin2 {
position: relative;
/*width: 70%;*/
text-align: center;
margin: 0 auto;
}
.lostpass2 {
/*position: relative;*/
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
}
input.lost-in {
/*position: relative;*/
color: #000;
width: 208px;
height: 30px;
padding: 4px 5px 4px 5px;
margin: 0px 10px 0 0;
text-align: left;
font-size: 13px;
background: #fff;
border: 0px;
opacity: 1;
}
input.log-lostpass {
/*position: relative;*/
text-decoration: none;
color: #fff;
text-align: center;
background: #2992d7;
padding: 5px 8px 7px 8px;
margin: 0 auto;
font-family: K2D;
font-weight: normal;
font-size: 14px;
width: 140px;
border: 0px;
cursor: pointer;
}
input.log-lostpass:hover {
color: #000;
background: #fff;
}
@media (max-width: 500px) {
a.log-butt {
width: 100%;
}
}
/******************************advent*******************************/
.advent {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
/*grid-template-columns: repeat(6, 1fr);*/
grid-gap: 10px;
margin: 20px 0 20px 0;
}
a.advent-box {
display: flex;
min-width: 140px;
height: 100px;
background: #b41d01;
color: #fcb600;
padding: 10px;
text-decoration: none;
}
a.advent-box:hover {
background: #960000;
}
a.advent-box:visited {
border: 1px dotted #960000;
background: none;
}
/********/
.adv-body {
align-items: center;
height: 100%;
}
@-webkit-keyframes shake {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
20% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
60% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
80% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes shake {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
20% {
-webkit-transform: rotate(-20deg);
transform: rotate(-20deg);
}
40% {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
}
60% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
80% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
main {
/*text-align: center;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 100%;*/
/*display: grid;*/
/*grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));*/
/*grid-template-columns: repeat(6, 1fr);
grid-gap: 14px;*/
display: grid;
grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
grid-gap: .2rem;
margin: 20px 0 20px 0;
}
.present {
position: relative;
display: inline-block;
width: 100%;
height: 110px;
/*margin: .9em;*/
-webkit-perspective: 850px;
perspective: 850px;
z-index: 666;
background-size: cover;
}
.present__pane,
.present__content {
width: inherit;
height: inherit;
}
.present__pane {
position: relative;
/*background: #0092f3;*/
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-perspective: 850px;
perspective: 850px;
text-align: center;
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.present__date {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 2.4em;
height: 2.4em;
margin: 0;
font-size: 2em;
line-height: 2.4em;
/*background: #fcb600;*/
color: #fff;
/*border-radius: 50%;
box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, 0.15);*/
}
.present:hover {
z-index: 999;
}
.present:hover .present__pane {
background: #0092f3;
-webkit-transform: rotateY(-97deg);
transform: rotateY(-97deg);
-webkit-perspective-origin: 0;
perspective-origin: 0;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.pane-inact, .pane-inact:hover {
background-color: none!important;
-webkit-transform: none!important;
transform: none!important;
-webkit-perspective-origin: 0;
perspective-origin: 0;
-webkit-transition: all .25s ease-in;
transition: none!important;
}
.pane-inact .present__date {
color: #aaa;
}
.pane-done {
display: none;
}
.present:hover .present__date {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.present:hover .present__bauble {
display: inline-block;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-animation: shake .4s;
animation: shake .4s;
}
.present__content {
position: absolute;
top: 0;
left: 0;
background: #005298;
z-index: -1;
text-align: center;
}
.present__content img {
width: 145px;
height: 90px;
margin: 10px 0 0 0;
}
@media (min-width: 1020px) {
.present-bg01 {
background-size: cover;
background: url(images/advent-bg01.png) no-repeat top center #0092f3!important;
}
.present-bg02 {
background-size: cover;
background: url(images/advent-bg02.png) no-repeat top center #0092f3!important;
}
.present-bg03 {
background-size: cover;
background: url(images/advent-bg03.png) no-repeat top center #0092f3!important;
}
.present-bg04 {
background-size: cover;
background: url(images/advent-bg04.png) no-repeat top center #0092f3!important;
}
.present-bg05 {
background-size: cover;
background: url(images/advent-bg05.png) no-repeat top center #0092f3!important;
}
.present-bg06 {
background-size: cover;
background: url(images/advent-bg06.png) no-repeat top center #0092f3!important;
}
.present-bg07 {
background-size: cover;
background: url(images/advent-bg07.png) no-repeat top center #0092f3!important;
}
.present-bg08 {
background-size: cover;
background: url(images/advent-bg08.png) no-repeat top center #0092f3!important;
}
.present-bg09 {
background-size: cover;
background: url(images/advent-bg09.png) no-repeat top center #0092f3!important;
}
.present-bg10 {
background-size: cover;
background: url(images/advent-bg10.png) no-repeat top center #0092f3!important;
}
.present-bg11 {
background-size: cover;
background: url(images/advent-bg11.png) no-repeat top center #0092f3!important;
}
.present-bg12 {
background-size: cover;
background: url(images/advent-bg12.png) no-repeat top center #0092f3!important;
}
.present-bg13 {
background-size: cover;
background: url(images/advent-bg13.png) no-repeat top center #0092f3!important;
}
.present-bg14 {
background-size: cover;
background: url(images/advent-bg14.png) no-repeat top center #0092f3!important;
}
.present-bg15 {
background-size: cover;
background: url(images/advent-bg15.png) no-repeat top center #0092f3!important;
}
.present-bg16 {
background-size: cover;
background: url(images/advent-bg16.png) no-repeat top center #0092f3!important;
}
.present-bg17 {
background-size: cover;
background: url(images/advent-bg17.png) no-repeat top center #0092f3!important;
}
.present-bg18 {
background-size: cover;
background: url(images/advent-bg18.png) no-repeat top center #0092f3!important;
}
.present-bg19 {
background-size: cover;
background: url(images/advent-bg19.png) no-repeat top center #0092f3!important;
}
.present-bg20 {
background-size: cover;
background: url(images/advent-bg20.png) no-repeat top center #0092f3!important;
}
.present-bg21 {
background-size: cover;
background: url(images/advent-bg21.png) no-repeat top center #0092f3!important;
}
.present-bg22 {
background-size: cover;
background: url(images/advent-bg22.png) no-repeat top center #0092f3!important;
}
.present-bg23 {
background-size: cover;
background: url(images/advent-bg23.png) no-repeat top center #0092f3!important;
}
.present-bg24 {
background-size: cover;
background: url(images/advent-bg24.png) no-repeat top center #0092f3!important;
}
}
@media (max-width: 1019px) {
.pane-inact, .pane-inact:hover, .present-bg01, .present-bg02, .present-bg03, .present-bg04, .present-bg05,
.present-bg06, .present-bg07, .present-bg08, .present-bg09, .present-bg10, .present-bg11, .present-bg12,
.present-bg13, .present-bg14, .present-bg15, .present-bg16, .present-bg17, .present-bg18, .present-bg19,
.present-bg20, .present-bg21, .present-bg22, .present-bg23, .present-bg24 {
background-size: cover;
background: url(images/advent-bg-mbl.png) repeat top center #005298!important;
}
}
/******************************default pro stavebnici*******************************/
.default-info {
position: relative;
padding: 5px 10px 8px 10px;
margin: 0 0 0px 0; /*býval margin bottom 20*/
font-family: 'K2D', sans-serif;
font-size: 16px;
background: #f3f3f3;
overflow: hidden;
}
.default-box {
position: relative;
padding: 8px 10px 10px 10px;
margin: 0 0 0px 0; /*býval margin bottom 20*/
font-family: Open sans;
font-size: 13px;
background: #f3f3f3;
color: #000;
overflow: hidden;
}
.default-box a {
color: #005eb0;
text-decoration: none;
}
.default-line {
position: relative;
padding: 5px 10px 8px 10px;
margin: 0 0 3px 0;
font-family: 'K2D', sans-serif;
background: #f3f3f3;
}
.d-line-box {
display: -webkit-flex;
display: flex;
align-items: center;
height: 36px;
padding 0: ;
color: #000;
overflow: hidden;
white-space: nowrap;
font-size: 16px;
}
.d-line-box a {
color: #000;
}
.d-line-box span {
margin: 0 5px 0 5px;
}
.defcolor-darkblue {
color: #37536b!important;
}
.d-line-ico {
position: relative;
height: 36px;
width: 36px;
margin-right: 6px;
}
.dli-paska /*filmová páska*/ {
display: block;
width: 36px;
height: 36px;
/*background: url(images/social-sprite.png) 0px -354px no-repeat;*/
background: url('images/statistics_movie.svg') 0px 0px no-repeat;
}
.dli-kalendar /*kalendář*/ {
display: block;
width: 36px;
height: 36px;
/*background: url(images/social-sprite.png) -37px -354px no-repeat;*/
background: url('images/statistics_calendar.svg') 0px 0px no-repeat;
}
.dli-hvezda /*hvězdička*/ {
display: block;
width: 36px;
height: 36px;
/*background: url(images/social-sprite.png) -74px -354px no-repeat;*/
background: url('images/statistics_blankstar.svg') 0px 0px no-repeat;
}
.dli-stopky /*stopky*/ {
display: block;
width: 36px;
height: 36px;
/*background: url(images/social-sprite.png) -111px -354px no-repeat;*/
background: url('images/statistics_stopwatch.svg') 0px 0px no-repeat;
}
.dli-check /*checkbox*/ {
display: block;
width: 36px;
height: 36px;
/*background: url(images/social-sprite.png) -148px -354px no-repeat;*/
background: url('images/statistics_checkbutton.svg') 0px 0px no-repeat;
}
@media (max-width: 500px) {
.d-line-box {
display: -webkit-flex;
display: flex;
align-items: center;
height: 36px;
width: 100%;
padding 0: ;
color: #000;
font-size: 13px;
}
}
@media (max-width: 380px) {
.d-line-box {
display: -webkit-flex;
display: flex;
align-items: center;
height: 36px;
width: 100%;
padding 0: ;
color: #000;
overflow: hidden;
font-size: 11px;
}
}
/**************************login***************************/
.log-ico a {
display: block;
}
.log-ico img {
padding: 0;
width: 44px;
height: 44px;
}
.login-fb {
background: url('images/login-fb.png') top left no-repeat;
width: 44px;
height: 44px;
}
.login-google {
background: url('images/login-google.png') top left no-repeat;
width: 44px;
height: 44px;
}
/**************************histogram na profilu uživatele***************************/
.histo {
position: absolute;
bottom: 0px;
right: 0px;
padding: 0;
overflow: hidden;
}
.histo-in {
float: left;
height: 49px;
width: 9px;
padding: 0;
background: #7097b8;
overflow: hidden;
}
.histo-in .hinprogress {
position: relative;
width: 100%;
background: #f3f3f3;
}
#adform_leaderboard {
max-width: 100%;
}
/**************************co teď běží - homepage**************************/
.whatnow {
position: relative;
display: flex;
justify-content: space-between;
height: 146px;
width: 100%;
padding: 0;
margin: 0 0 8px 0;
overflow: hidden;
}
.whatnow-head {
position: relative;
display: flex;
padding: 0;
margin: 0 6px 0 0;
overflow: hidden;
width: 24px;
height: 146px;
background: #0092f3;
color: #fff;
}
.whatnow-head h5 {
position: absolute;
bottom: 18px;
left: -4px;
overflow: hidden;
color: #fff;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.whatnow-head-box1, .whatnow-head-box2 {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
width: calc(50% - 20px);
height: 146px;
padding: 0;
overflow: hidden;
}
.whatnow-head-box1 {
position: relative;
}
.whatnow-head-box2 {
position: relative;
}
.whatnow-inline {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: 46px;
padding: 0 8px 0 8px;
overflow: hidden;
background: #f3f3f3;
}
.whatnow-inline img {
position: relative;
width: 25px;
height: 36px;
}
.whatnow-inline a {
position: relative;
max-height: 36px;
}
.whatnow-inline a.what-link {
position: relative;
width: calc(100% - 111px);
padding: 0 0 0 8px;
margin: 0 8px 0 0;
overflow: hidden;
white-space: nowrap;
font-family: 'K2D', sans-serif;
font-size: 15px;
text-decoration: none;
color: #000;
}
.whatnow-inline a.what-eplink {
position: relative;
width: 80px;
padding: 0px;
overflow: hidden;
white-space: nowrap;
font-family: 'K2D', sans-serif;
font-size: 15px;
text-decoration: none;
color: #000;
text-align: right;
}
.next-link a {
font-size: 11px;
text-decoration: none;
color: #2b88c7;
text-align: right;
}
@media (max-width: 870px) {
.whatnow {
position: relative;
display: flex;
flex-direction: column;
height: 176px;
width: 100%;
padding: 0;
margin: 0 0 8px 0;
overflow: hidden;
}
.whatnow-head {
position: relative;
display: flex;
padding: 0;
margin: 0 0 6px 0;
overflow: hidden;
width: 100%;
height: 24px;
background: #0092f3;
color: #fff;
}
.whatnow-head h5 {
position: absolute;
bottom: 4px;
left: 8px;
overflow: hidden;
color: #fff;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.whatnow-head-box1 {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 146px;
padding: 0;
overflow: hidden;
}
.whatnow-head-box2 {
display: none;
}
}
/**************************kvízy**************************/
.kviz-obal {
position: relative;
width: 100%;
padding: 0;
margin: 0 0 0 0;
overflow: hidden;
}
.kviz-obal a,
.kviz-obal a:visited {
color: #0092f3;
text-decoration: none;
}
.kviz-obal h1 {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0;
margin: 0 0 20px 0;
line-height: 100%;
font-size: 30px;
/*overflow: hidden;*/
}
.kviz-obal h1 span:nth-child(1) {
background: url(images/title_question_light.svg) 0px 0px no-repeat;
display: table-cell;
height: 40px;
width: 40px;
margin: 0 12px 0px 0;
}
.kviz-obal h1 span:nth-child(2) {
width:calc(100% - 60px);
}
.kviz-obal h2 {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 0;
margin: 0 0 16px 0;
line-height: 100%;
/*overflow: hidden;*/
}
.kviz-obal h2 span {
background: url(images/info_light.svg) 0px 0px no-repeat;
height: 28px;
width: 33px;
margin: 0 0 0 10px;
}
.kviz-obal img.kvizy {
position: relative;
width: 690px;
max-width: 100%;
height: auto;
margin: 0 0 0 0;
}
.kviz-obal-info {
position: relative;
padding: 0;
margin: 0 0 36px 0;
}
.kviz-obal-info-txt {
position: relative;
padding: 24px 20px 34px 20px;
margin: 0 0 0 0;
background: #f3f3f3;
}
.koit-info {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0;
margin: 0;
line-height: 100%;
overflow: hidden;
}
.koit-info span {
background: url(images/alert_light.svg) 0px 0px no-repeat;
height: 28px;
width: 33px;
margin: 0 12px 0px 0;
}
.kviz-obal table {
position: relative;
display: table;
width: 100%;
padding: 0px 0 0 0;
margin: 0px 0px 40px 0px;
font-size: 14px;
font-weight: normal;
border-collapse: collapse;
table-layout: fixed;
}
.kviz-obal tbody {
display: flex;
flex-direction: column;
}
.kviz-obal table tr {
display: flex;
}
.kviz-obal table td {
padding: 4px 6px 4px 6px;
border: 1px solid #f9f9f9;
overflow: hidden;
}
.kviz-obal table td:nth-child(odd) {
background-color: #fff;
width: 230px;
}
.kviz-obal table td:nth-child(even) {
background-color: #f3f3f3;
width: calc(100% - 230px);
overflow: hidden;
word-wrap: break-word;
overflow-wrap: break-word;
color: #000;
}
.kviz-obal p {
position: relative;
padding: 0px;
margin: 0 0 10px 0;
font-size: 14px;
line-height: 140%;
font-family: 'Open Sans', sans-serif;
}
input.kviz-obal-info-button {
position: relative;
display: block;
background: url(images/btn_spustit-kviz_light.svg) 0px 0px no-repeat;
width: 226px;
height: 72px;
padding: 0;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 30px;
border: 0px;
cursor: pointer;
color: transparent;
}
.kviz-autor {
position: relative;
display: flex;
align-items: center;
height: 80px;
width: 100%;
padding: 0px 10px 0 12px;
margin: 0 0 30px 0;
background: #fff;
}
.kviz-autor img {
position: relative;
width: 60px;
height: 60px;
border-radius: 50%;
margin: 0 10px 0 0;
}
/*zadání*/
.kviz-quest {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
padding: 0px 0px 0 0px;
margin: 0 0 20px 0;
font-size: 13px;
background: #fff;
}
.kviz-quest h2 {
position: relative;
display: flex;
align-items: center;
min-height: 52px;
width: 100%;
padding: 8px 0 8px 0;
margin: 0 0 16px 0px;
line-height: 100%;
/*overflow: hidden;*/
background: #f3f3f3;
}
.kviz-quest h2 .kqnr {
position: relative;
display: block;
display: table-cell;
width: 40px!important;
height: 40px;
text-align: center;
font-size: 22px;
padding: 10px 0 0 0;
margin: 0 10px 0 8px;
border-radius: 50%;
background: #fff;
color: #0092f3;
font-family: k2d;
}
.kviz-quest h2 div:nth-child(2) {
width:calc(95% - 60px);
}
input.kviz-vyhodnotit {
position: relative;
display: block;
background: url(images/btn_vyhodnotit_light.svg) 0px 0px no-repeat;
width: 190px;
height: 59px;
padding: 0;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 30px;
border: 0px;
cursor: pointer;
color: transparent;
}
.kqin {
position: relative;
width: 100%;
padding: 0px 10px 18px 52px;
margin: 0 0 0 0;
}
.kqin .def-list2a {
position: relative;
padding: 0px 0px 0px 6px;
margin: 0 0 0 0;
min-height: 64px;
}
.kqin .kq-infoline {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0 0 0 0;
}
.kqin .kq-infoline .kqi1 {
position: relative;
width: calc(100% - 60px);
padding: 0px 0px 0px 0px;
margin: 0 0 0 0;
}
.kqin .kq-infoline .kqi2 {
position: relative;
width: 40px;
padding: 0px 0px 0px 0px;
margin: 0 10px 0 0;
}
.kqin .kq-infoline .kviz-vysvetleni {
position: relative;
display: flex;
width: 100%;
padding: 20px 20px 20px 20px;
margin: 0 0 0 0;
background: #f9f9f9;
}
.kqin .kq-infoline .kviz-vysvetleni span {
display: block;
background: url(images/vyhodnoceni_info_light.svg) 0px 0px no-repeat;
height: 30px;
width: 36px;
margin: 0px 0 0 0px;
}
.kqin .kq-infoline .kviz-vysvetleni p {
position: relative;
width: 100%;
padding: 4px 0 0 0;
margin: 0 0 0 10px;
}
.kq-yes {
background: url(images/ico_ans_correct.svg) 0px 0px no-repeat;
display: table-cell;
height: 40px;
width: 40px;
margin: 0 0 0 0;
}
.kq-no {
background: url(images/ico_ans_wrong.svg) 0px 0px no-repeat;
display: table-cell;
height: 40px;
width: 40px;
margin: 0 0 0 0;
}
@media (max-width: 480px) {
.kqin {
position: relative;
width: 100%;
padding: 0px 12px 18px 12px;
margin: 0 0 0 0;
}
}
/*************************************stavebnice******************************************/
.vzdyzobrazit {
display: block;
}
.vzdyschovat {
display: none;
}
@media (max-width: 870px) {
.zobrazit {
display: block;
}
.schovat {
display: none;
}
}
@media (min-width: 871px) {
.zobrazit {
display: none;
}
}
.zobrazit-vzdy { /*ukazuje vždy v jakémkoliv rozlišení*/
display: block!important;
}
/*******filtry*******/
.grayscale {
-webkit-filter: grayscale(100%);
}
.opacity20 {
-webkit-filter: opacity(20%);
}
.opacity40 {
-webkit-filter: opacity(40%);
}
.filter-black {
-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
}
.filter-black:hover, .opacity40:hover {
-webkit-filter: none;
}
/*******filtry end *******/
.cent {
text-align: center;
margin: 0 auto;
}
.strong {
font-weight: 700;
}
.tal {
text-align: left;
}
.tar {
text-align: right;
}
.pos-rel {
position: relative;
}
.abs-r10 { /*používáme u nadpisů k zarovnání ovládacích prvků napravo, např u dnes vysílaných*/
position: absolute;
right: 10px;
}
.vip-color {
color: #FFDF00;
}
.vip-bg {
background-color: #FFDF00;
}
.grey-bg {
background-color: #e1e1e1;
}
.red-bg {
background-color: #ff0000;
}
.navy-bg {
background-color: #005eb0;
}
.green-bg {
background-color: #329e49;
}
.d7-bg { /*kdy co vypukne, místo pozadí použijeme proužek*/
/*background: #d7d7d7!important;*/
border-right: 3px solid #0092f3;
}
a.whitelink {
color: #fff;
text-decoration: none;
}
a.redlink, .redtext {
color: #e10000!important;
text-decoration: none;
}
a.bluelink, .bluetext {
color: #005eb0;
text-decoration: none;
}
a.greenlink, .greentext {
color: #329e49;
text-decoration: none;
}
a.greylink, .greytext {
color: #aaa!important;
text-decoration: none;
}
a.kvizblue, .kvizblue {
color: #0092f3!important;
text-decoration: none;
}
.kvizblue {
font-weight: 800;
}
.ffk2d {
font-family: k2d;
}
.font8 {
font-size: 8px!important;
}
.font9 {
font-size: 9px!important;
}
.font10 {
font-size: 10px!important;
}
.font11 {
font-size: 11px!important;
}
.font12 {
font-size: 12px!important;
}
.font13 {
font-size: 13px;
}
.font14 {
font-size: 14px;
}
.font15 {
font-size: 15px;
}
.font16 {
font-size: 16px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.font21 {
font-size: 21px;
}
.font22 {
font-size: 22px;
}
.font23 {
font-size: 23px;
}
.font26 {
font-size: 26px;
}
.font30 {
font-size: 30px;
}
.mar0 {
margin: 0px;
}
.mar5 {
margin: 5px;
}
.mar6 {
margin: 6px;
}
.mr, .mr1 {
margin-right: 1px;
}
.mr2 {
margin-right: 2px;
}
.mr3 {
margin-right: 3px;
}
.mr4 {
margin-right: 4px;
}
.mr5 {
margin-right: 5px;
}
.mr6 {
margin-right: 6px;
}
.mr7 {
margin-right: 7px;
}
.mr8 {
margin-right: 8px;
}
.mr9 {
margin-right: 9px;
}
.mr10 {
margin-right: 10px;
}
.mr12 {
margin-right: 12px;
}
.mr14 {
margin-right: 14px;
}
.mr15 {
margin-right: 15px;
}
.mr16 {
margin-right: 16px;
}
.mr17 {
margin-right: 17px;
}
.mr18 {
margin-right: 18px;
}
.mr19 {
margin-right: 19px;
}
.mr20 {
margin-right: 20px;
}
.mr25 {
margin-right: 25px;
}
.mr30 {
margin-right: 30px;
}
.mr31 {
margin-right: 31px;
}
.mr40 {
margin-right: 40px;
}
.mr50 {
margin-right: 50px;
}
.mr52 {
margin-right: 52px;
}
.mr60 {
margin-right: 60px;
}
.mr70 {
margin-right: 70px;
}
.ml, .ml1 {
margin-left: 1px;
}
.ml2 {
margin-left: 2px;
}
.ml3 {
margin-left: 3px;
}
.ml4 {
margin-left: 4px;
}
.ml5 {
margin-left: 5px;
}
.ml6 {
margin-left: 6px;
}
.ml8 {
margin-left: 8px;
}
.ml10 {
margin-left: 10px;
}
.ml12 {
margin-left: 12px;
}
.ml14 {
margin-left: 14px;
}
.ml15 {
margin-left: 15px;
}
.ml18 {
margin-left: 18px;
}
.ml19 {
margin-left: 19px;
}
.ml20 {
margin-left: 20px;
}
.ml24 {
margin-left: 24px;
}
.ml26 {
margin-left: 26px;
}
.ml30 {
margin-left: 30px;
}
.ml52 {
margin-left: 52px;
}
.ml60 {
margin-left: 60px;
}
.ml70 {
margin-left: 70px;
}
.ml120 {
margin-left: 120px;
}
.ml130 {
margin-left: 130px;
}
.ml136 {
margin-left: 136px;
}
.mbo, .mbo1 {
margin-bottom: 1px;
}
.mbo2 {
margin-bottom: 2px;
}
.mbo3 {
margin-bottom: 3px;
}
.mbo4 {
margin-bottom: 4px;
}
.mbo5 {
margin-bottom: 5px;
}
.mbo6 {
margin-bottom: 6px;
}
.mbo8 {
margin-bottom: 8px;
}
.mbo10 {
margin-bottom: 10px;
}
.mbo12 {
margin-bottom: 12px;
}
.mbo14 {
margin-bottom: 14px;
}
.mbo15 {
margin-bottom: 15px;
}
.mbo16 {
margin-bottom: 16px;
}
.mbo18 {
margin-bottom: 18px;
}
.mbo20 {
margin-bottom: 20px !important;
}
.mbo22 {
margin-bottom: 22px;
}
.mbo25 {
margin-bottom: 25px;
}
.mbo30 {
margin-bottom: 30px;
}
.mbo40 {
margin-bottom: 40px;
}
.mto, .mto1 {
margin-top: 1px;
}
.mto2 {
margin-top: 2px;
}
.mto3 {
margin-top: 3px;
}
.mto4 {
margin-top: 4px;
}
.mto5 {
margin-top: 5px;
}
.mto6 {
margin-top: 6px;
}
.mto8 {
margin-top: 8px;
}
.mto10 {
margin-top: 10px!important;
}
.mto12 {
margin-top: 12px;
}
.mto14 {
margin-top: 14px;
}
.mto15 {
margin-top: 15px;
}
.mto16 {
margin-top: 16px;
}
.mto18 {
margin-top: 18px;
}
.mto20 {
margin-top: 20px!important;
}
.mto22 {
margin-top: 22px;
}
.mto25 {
margin-top: 25px;
}
.mto26 {
margin-top: 26px;
}
.mto28 {
margin-top: 28px;
}
.mto30 {
margin-top: 30px;
}
.mto40 {
margin-top: 40px;
}
.mto50 {
margin-top: 50px;
}
.mto60 {
margin-top: 60px;
}
.mto110 {
margin-top: 110px;
}
.p0 {
padding: 0px!important;
}
.p3 {
padding: 3px;
}
.p5 {
padding: 5px;
}
.p10 {
padding: 10px!important;
}
.p12 {
padding: 12px;
}
.p15 {
padding: 15px;
}
.p16 {
padding: 16px;
}
.p20 {
padding: 20px;
}
.p25 {
padding: 25px;
}
.pto4 {
padding-top: 4px;
}
.pto5 {
padding-top: 5px;
}
.pto6 {
padding-top: 6px;
}
.pto7 {
padding-top: 7px;
}
.pto8 {
padding-top: 8px;
}
.pto10 {
padding-top: 10px;
}
.pto12 {
padding-top: 12px;
}
.pto14 {
padding-top: 14px;
}
.pto15 {
padding-top: 15px;
}
.pto16 {
padding-top: 16px;
}
.pto18 {
padding-top: 18px;
}
.pto20 {
padding-top: 20px;
}
.pto22 {
padding-top: 22px;
}
.pto24 {
padding-top: 24px;
}
.pto40 {
padding-top: 40px;
}
.pbo2 {
padding-bottom: 2px;
}
.pbo4 {
padding-bottom: 4px;
}
.pbo5 {
padding-bottom: 5px;
}
.pbo6 {
padding-bottom: 6px;
}
.pbo8 {
padding-bottom: 8px;
}
.pbo10 {
padding-bottom: 10px;
}
.pbo12 {
padding-bottom: 12px;
}
.pbo14 {
padding-bottom: 14px;
}
.pbo15 {
padding-bottom: 15px;
}
.pbo20 {
padding-bottom: 20px;
}
.pl1 {
padding-left: 1px;
}
.pl2 {
padding-left: 2px;
}
.pl5 {
padding-left: 5px;
}
.pl8 {
padding-left: 8px;
}
.pl10 {
padding-left: 10px;
}
.pl20 {
padding-left: 20px;
}
.pl14 {
padding-left: 14px;
}
.pr1 {
padding-right: 1px;
}
.pr2 {
padding-right: 2px;
}
.pr5 {
padding-right: 5px;
}
.pr8 {
padding-right: 8px;
}
.pr10 {
padding-right: 10px;
}
.pr20 {
padding-right: 20px;
}
.pr30 {
padding-right: 30px;
}
.w10p {
width: 10%;
}
.w12p {
width: 12%;
}
.w15p {
width: 15%;
}
.w20p {
width: 20%;
}
.w23p {
width: 23%;
}
.w25p {
width: 25%;
}
.w30p {
width: 30%;
}
.w40p {
width: 40%;
}
.w50p {
width: 50%;
}
.w60p {
width: 60%;
}
.w65p {
width: 65%;
}
.w70p {
width: 70%;
}
.w75p {
width: 75%;
}
.w80p {
width: 80%;
}
.w90p {
width: 90%;
}
.w100p {
width: 100%;
}
.b1red5 {
border-left: 5px solid red;
}
.te-center {
text-align: center;
}
.flex-rr {
display: flex;
flex-direction: row-reverse;
}
@media only screen and (min-width: 801px) {
.p5mbl, .pl5mbl, .pr5mbl {
padding: 0px;
}
}
@media only screen and (max-width: 800px) {
.p5mbl {
padding: 5px;
}
.pl5mbl {
padding-left: 5px;
}
.pr5mbl {
padding-right: 5px;
}
}
/******************pásky v rohu********************/
.ribbon {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
overflow: hidden;
width: 75px; height: 75px;
text-align: right;
}
.ribbon span {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
display: block;
/*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);*/
position: absolute;
top: 19px; right: -21px;
}
.ribblue {
color: #fff;
background: #1e5799;
/*background: #79a70a;*/
/*background: linear-gradient(#2989d8 0%, #1e5799 100%);*/
}
.ribred {
color: #fff;
background: #cd0000;
/*background: linear-gradient(#d46969 0%, #b80606 100%);*/
}
.ribgreen {
color: #fff;
background: #329e49;
/*background: linear-gradient(#39b253 0%, #206e31 100%);*/
}
.ribvip {
color: #000;
background: #ffdf00;
/*background: linear-gradient(#ffe846 0%, #edcf00 100%);*/
}
@media only screen and (max-width: 800px) {
.ribbon {
position: absolute;
top: 0px;
right: 0px;
z-index: 1;
overflow: hidden;
width: 60px; height: 60px;
text-align: right;
}
.ribbon span {
font-size: 7px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
line-height: 18px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 80px;
display: block;
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
position: absolute;
top: 10px; right: -22px;
}
}
/***************** kalendář ****************/
.cal-overnav { /*záhlaví kalendář*/
position: relative;
min-height: 50px;
margin: 15px 0 20px 0;
padding: 5px 10px 5px 10px;
background: #ebf4fd;
}
.art-overnav { /*záhlaví výpis článků*/
position: relative;
min-height: 50px;
margin: 15px 0 20px 0;
padding: 5px 10px 5px 10px;
background: #eee;
}
.cal-overnav .co-in, .art-overnav .co-in {
position: relative;
margin: 0;
padding: 0px 0 0px 0;
/*background: red;*/
}
.cal-overnav .co-in a.frwd, .cal-overnav .co-in a.bck, .art-overnav .co-in a.frwd, .art-overnav .co-in a.bck {
position: relative;
display: block;
height: 26px;
width: 26px;
text-align: center;
margin: 6px 4px 0 4px;
padding: 2px 0 0 0;
font-size: 16px;
color: #fff;
background: #0092f3;
text-decoration: none;
border-radius: 50%;
}
.cal-overnav .co-in a.cocbl, .cal-overnav .co-in a.cocwh, .cal-overnav .co-in a.cocbl2, .art-overnav .co-in a.cocbl, .art-overnav .co-in a.cocwh, .art-overnav .co-in a.cocbl2, .art-overnav .co-in a.cocbl2act {
position: relative;
text-decoration: none;
text-align: center;
padding: 5px 8px 7px 8px;
margin: 5px 3px 0px 3px;
font-family: K2D;
font-weight: normal;
font-size: 13px;
}
.cal-overnav .co-in a.cocwh, .art-overnav .co-in a.cocwh {
color: #000;
background: #fff;
}
.cal-overnav .co-in a.cocwh:hover, .art-overnav .co-in a.cocwh:hover {
color: #fff;
background: #0092f3;
}
.cal-overnav .co-in a.cocbl, .art-overnav .co-in a.cocbl {
color: #fff;
background: #005eb0;
}
.cal-overnav .co-in a.cocbl:hover, .art-overnav .co-in a.cocbl:hover {
color: #000;
background: #fff;
}
.cal-overnav .co-in a.cocbl2, .art-overnav .co-in a.cocbl2 {
color: #fff;
background: #0092f3;
}
.cal-overnav .co-in a.cocbl2:hover, .art-overnav .co-in a.cocbl2:hover {
background: #005eb0;
}
.art-overnav .co-in a.cocbl2act {
color: #000;
background: #fff;
}
#calendar {
width: 100%;
display: grid;
border-collapse: collapse;
margin: 0px 0 10px 0;
grid-template-columns: repeat(7, 1fr);
}
#calendar tr, #calendar tbody {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(7, 1fr);
width: 100%;
}
#calendar .day .cal-ep-final:nth-child(even) {
background: #f7f7f7;
color: #000;
}
#calendar .day .cal-ep-final:nth-child(even) a {
color: #000;
}
.cal-firstep {
background: #fcf6b5!important;
/*background: #fffcd1;*/
color: #000;
padding: 0px !important;
}
.cal-newproject {
background: #b6e8b5!important;
/*background: #dce7f5;*/
padding: 0px !important;
}
.cal-lastep {
/*background: #bddaff;*/
/*background: #cd0000;*/
background: #ffcaca!important;
padding: 0px !important;
}
.cal-lastep, .cal-lastep a,
.cal-firstep, .cal-firstep a,
.cal-firstep .cal-ep-in a,
.cal-lastep .cal-ep-in a {
color: #000;
text-decoration: none;
}
.cal-ep, .cal-ep a, .cal-ep-in a {
color: #005eb0;
text-decoration: none;
}
.day {
/*line-height: 120%;*/
font-size: 0.75em;
box-sizing: border-box;
color: #005eb0;
border: 1px solid #eee;
border-right: 0px;
border-top: 0px;
padding: 0 0 12px 0;
}
.day .cal-ep-final {
position: relative;
width: 100%;
padding: 0px;
margin: 0 0 1px 1px;
}
.day .cal-ep-final .cef-check,
.day .cal-ep-final .cef-uncheck,
.season-head .cef-check, .season-head .cef-uncheck,
.subs .cef-check, .subs .cef-uncheck,
.subs .cef-check-good, .subs .cef-check-meh,
.subs .cef-check-bad, .subs .cef-check-negat {
position: relative;
float: left;
display: block;
height: 18px;
width: 18px;
padding: 0;
margin: 3px 1px 0 4px;
overflow: hidden;
}
.day .cal-ep-final .cef-check,
.season-head .cef-check,
.subs .cef-check {
/*background: url('images/cal-checked.png') 0px 0px no-repeat;*/
background: url('images/serial_check_blue.svg') 0px 0px no-repeat;
}
.subs .cef-check-good {
/*background: url('images/cal-checked-green.png') 0px 0px no-repeat;*/
background: url('images/serial_check_green.svg') 0px 0px no-repeat;
}
.subs .cef-check-meh {
/*background: url('images/cal-checked-orange.png') 0px 0px no-repeat;*/
background: url('images/serial_check_yellow.svg') 0px 0px no-repeat;
}
.subs .cef-check-negat {
/*background: url('images/cal-checked-orange.png') 0px 0px no-repeat;*/
background: url('images/serial_ban_red.svg') 0px 0px no-repeat;
}
.subs .cef-check-bad {
/*background: url('images/cal-checked-red.png') 0px 0px no-repeat;*/
background: url('images/serial_check_red.svg') 0px 0px no-repeat;
}
.day .cal-ep-final .cef-uncheck,
.season-head .cef-uncheck,
.subs .cef-uncheck {
/*background: url('images/cal-unchecked.png') 0px 0px no-repeat;*/
background: url('images/serial_check_gray.svg') 0px 0px no-repeat;
}
/*checky jsou použity i u seznamu epizod*/
.day .cal-ep-final .cef-text {
position: relative;
float: left;
display: block;
min-height: 20px;
width: calc(100% - 24px);
line-height: 120%;
padding: 3px 0px 2px 2px;
margin: 0;
overflow: hidden;
color: #000;
text-decoration: none;
}
.day .cal-ep-final .cef-text .hrt {
color: #970000;
text-decoration: none;
}
#calendar td, #calendar th {
padding: 4px 0 14px 0px
box-sizing:border-box;
font-size: 0.9em;
}
#calendar td.linked-day {
background: #e2f0ff;
}
#calendar .weekdays {
background: #005eb0;
}
#calendar .weekdays th {
text-align: center;
border: none !important;
padding: 10px 6px;
color: #fff;
font-size: 1.4em;
font-family: 'K2D', sans-serif;
font-weight: normal;
}
#calendar td {
min-height: 130px;
display: flex;
flex-direction: column;
background: #fff;
overflow-x: hidden;
}
#calendar tr td .date {
z-index: 1000;
display: table-cell;
height: 20px;
width: 20px;
text-align: center;
padding: 0px;
margin: 5px 0 7px 3px;
border-radius: 50%;
background: #0092f3;
color: #fff;
font: 10px "K2D";
}
#calendar tr td .date a {
z-index: 1000;
display: block;
height: 20px;
width: 20px;
text-align: center;
padding: 3px 0 0 0;
color: #fff;
text-decoration: none;
border-radius: 50%;
}
#calendar .other-month {
background: #eef2f5;
color: #666;
}
#calendar tr:first-child td {
border-top: 0;
}
#calendar tr td:first-child {
border-left: 0;
}
#calendar tr:last-child td {
border-bottom: 0;
}
#calendar tr td:last-child {
border-right: 0;
}
@media(max-width: 768px) {
#calendar .weekdays, #calendar .other-month {
display: none;
}
#calendar td {
min-height: 30px;
display: flex;
flex-direction: column;
background: #fff;
}
#calendar, #calendar tr, #calendar tbody {
grid-template-columns: 1fr;
}
#calendar tr {
grid-column: 1 / 2;
}
#calendar .date {
align-self: flex-start;
}
.day .cal-ep-final .cef-text {
position: relative;
float: left;
display: block;
min-height: 20px;
width: calc(100% - 24px);
line-height: 140%;
padding: 1px 0px 1px 7px;
margin: 0;
overflow: hidden;
color: #000;
text-decoration: none;
}
}
/*emmy*/
.tip-progress {
position: absolute;
right: 0px;
bottom: 0px;
height: 2px;
background: #860000;
margin-top: -3px;
margin-right: 1px;
}
.tip-proc {
position: absolute;
color: #860000;
font-size:10px;
right: 4px;
bottom: 4px;
}
.content2 .gold-bg { /*vítěz Emmy např.*/
background: gold!important;
}
/*šipky do článků se seriálovou timeline*/
.arrowed {
position: relative;
display: flex;
height: 52px;
width: 100%;
margin: 0 20px 4px 0;
/* border-left: 8px;*/
overflow: hidden;
}
.arrowed:nth-child(odd) {
background: #eee;
}
.arrowed:nth-child(even) {
background: #f3f3f3;
}
.arrowed .arrow-ar {
position: absolute;
top: -14px;
/* bottom: 0; */
left: -70px;
/* right: 0; */
/* margin: auto; */
}
.arrow-ar {
/* position: absolute; */
/* top: 10px; */
/* left: 10px; */
height: 0px;
width: 0px;
border: 40px solid;
transform: rotate(45deg);
}
.ar1 {
border-color: #5e9cc5;
}
.ar2 {
border-color: #d9d9d9;
}
.ar3 {
border-color: #e2ca6c;
}
.ar4 {
border-color: #b55fbf;
}
.ar5 {
border-color: #6abda2;
}
.ar6 {
border-color: #e95d5d;
}
.ar7 {
border-color: #6e7aa2;
}
.arrowed-in {
position: relative;
display: flex;
align-items: center;
line-height: 110%;
width: 100%;
margin: 0 0 0 42px;
padding: 0 10px 0 0;
overflow: hidden;
}
.arrowed-in a {
position: relative;
display: contents;
}
.article ul.arrowedul {
text-decoration: none;
color: #000!important;
background: none;
}
.article ul.arrowedul li {
margin: 1px 0 0 0;
}
ul.submenu-uni li a.usu-ar1 {
border-left: 4px solid #5e9cc5;
padding-left: 6px;
}
ul.submenu-uni li a.usu-ar2 {
border-left: 4px solid #d9d9d9;
padding-left: 6px;
}
ul.submenu-uni li a.usu-ar3 {
border-left: 4px solid #e2ca6c;
padding-left: 6px;
}
ul.submenu-uni li a.usu-ar4 {
border-left: 4px solid #b55fbf;
padding-left: 6px;
}
ul.submenu-uni li a.usu-ar5 {
border-left: 4px solid #6abda2;
padding-left: 6px;
}
ul.submenu-uni li a.usu-ar6 {
border-left: 4px solid #e95d5d;
padding-left: 6px;
}
ul.submenu-uni li a.usu-ar7 {
border-left: 4px solid #6e7aa2;
padding-left: 6px;
}
/*****************************mizedla a rozbrazovadla****************************/
@media all and (max-width: 500px) {
.navobalup {
display: none;
}
.navobal {
transition: top 0.2s ease-in-out;
position: absolute;
}
}
@media all and (max-width: 5000px) {
.mbl5knone {
display: none;
}
.mbl5kyes {
display: inline;
}
}
@media all and (max-width: 1020px) {
.mbl1020none {
display: none;
}
.mbl1020yes {
display: inline;
}
}
@media all and (max-width: 870px) /*mobilní menu u osobnosti nebo osobního profilu*/ {
.mbl870none {
display: none;
}
.mbl870yes {
display: inline;
}
}
@media all and (max-width: 800px) {
.mbl800none {
display: none;
}
.mbl800yes {
display: inline;
}
}
@media all and (max-width: 600px) {
.mbl600none {
display: none;
}
.mbl600yes {
display: inline;
}
}
@media all and (max-width: 500px) {
.mbl500none {
display: none;
}
.mbl500yes {
display: inline;
}
}
@media all and (max-width: 450px) {
.mbl450none {
display: none;
}
.mbl450yes {
display: inline;
}
}
.imgcenter {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
input:focus,
textarea:focus,
select:focus
{
outline: none!important;
}
/*************************************************************************/
.alert-line {
position: fixed;
position: fixed;
top: 0px;
left: 0px;
width: calc(100%-250px);
z-index: 1001;
text-align: center;
margin: 0 auto;
overflow: hidden;
max-width: 100%!important;
margin-bottom: 20px;
padding: 15px 10px 15px 10px;
color: #fff;
background-color: red;
font-family: 'K2D', sans-serif;
font-size: 18px;
}
.alert-line a {
color: #fff;
text-decoration: underline;
}
/********************* timeline do článků ********************/
/* The actual timeline (the vertical ruler) */
.article-timeline {
position: relative;
max-width: 100%;
margin: 0 auto;
}
/* The actual timeline (the vertical ruler) */
.article-timeline::after {
content: '';
position: absolute;
width: 4px;
background-color: #aacfe7;
top: 24px;
bottom: 10px;
left: 50%;
margin-left: -3px;
}
/* Container around content */
.at-container {
padding: 10px 30px;
position: relative;
background-color: inherit;
width: 50%;
}
.at-container h2 {
margin: 4px 0 22px 0!important;
}
.at-container p {
display: flex;
width: 100%;
height: 100%;
flex-wrap: wrap;
justify-content: flex-start;
}
.at-container p a {
display: flex;
}
.at-container p img.ta-profil {
width: 98px;
height: 141px;
padding: 0!important;
margin: 0!important;
}
.at-container p img.small-one {
width: 75px;
height: 108px;
padding: 0!important;
margin: 0!important;
}
.at-container p img.big-one {
width: 100%;
max-width: 100%;
height:;
padding: 0!important;
margin: 0!important;
}
/* The circles on the timeline */
.at-container::after {
content: '';
position: absolute;
width: 20px;
height: 20px;
right: -10px;
background-color: #005eb0;
border: 4px solid #005eb0;
top: 21px;
border-radius: 50%;
z-index: 1;
}
/* Place the container to the left */
.at-left {
left: 0;
}
/* Place the container to the right */
.at-right {
left: 50%;
}
/* Add arrows to the left container (pointing right) */
.at-left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 20px;
border: medium solid #eee;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #eee;
}
/* Add arrows to the right container (pointing left) */
.at-right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 20px;
border: medium solid #eee;
border-width: 10px 10px 10px 0;
border-color: transparent #eee transparent transparent;
}
/* Fix the circle for containers on the right side */
.at-right::after {
left: -10px;
}
/* The actual content */
.at-content {
padding: 20px 30px;
position: relative;
border-radius: 6px;
background: #eee;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.article-timeline::after {
left: 31px;
}
/* Full-width containers */
.at-container {
width: 100%;
padding-left: 70px;
padding-right: 25px;
}
/* Make sure that all arrows are pointing leftwards */
.at-container::before {
left: 60px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent #eee transparent transparent;
}
/* Make sure all circles are at the same spot */
.at-left::after, .at-right::after {
left: 20px;
}
/* Make all right containers behave like the left ones */
.at-right {
left: 0%;
}