Khác biệt giữa bản sửa đổi của “Bản mẫu:Nguyenhai314/style.css”
Nội dung được xóa Nội dung được thêm vào
Đã lùi lại sửa đổi 64303516 của Nguyenhai314 (thảo luận) Thẻ: Lùi sửa |
Không có tóm lược sửa đổi |
||
| Dòng 1: | Dòng 1: | ||
/** Obecné k HS */ |
|||
.caixa-flex { |
|||
@media only screen and (min-width: 768px) { |
|||
display:flex; |
|||
.mainpage-left { |
|||
flex-wrap:wrap; |
|||
float:left; |
|||
flex-direction:row; |
|||
width:55%; |
|||
} |
|||
min-height:30% |
|||
.mainpage-right { |
|||
} |
|||
float:right; |
|||
.reqport { |
|||
width:44%; |
|||
box-shadow:0 0 0.3rem #999; |
|||
width:calc(45% - .5em); |
|||
padding:10px; |
|||
} |
|||
margin-bottom:10px; |
|||
flex:1 1 0 |
|||
} |
|||
.portada-imatge-flex { |
|||
position:relative; |
|||
overflow:hidden; |
|||
width:100%; |
|||
height:100%; |
|||
} |
|||
.portada-imatge-flex img { |
|||
position:absolute; |
|||
display:block; |
|||
width:100%; |
|||
min-width:auto; |
|||
height:auto; |
|||
min-height:100%; |
|||
object-fit:cover; |
|||
margin:0 |
|||
} |
} |
||
/** Hlavička */ |
|||
* { |
|||
.header { |
|||
margin:0 |
|||
background-color:#FCFCFC; |
|||
border:1px solid #CCC; |
|||
margin-top:.5em; |
|||
overflow:auto; |
|||
padding:.8em 1.5em; |
|||
} |
} |
||
@media only screen and (max-width: 768px) { |
|||
.portada-slider { |
|||
.header { |
|||
overflow:hidden; |
|||
display: none; |
|||
width:100%; |
|||
} |
|||
max-width:1024px; |
|||
height:100%; |
|||
min-height:30vh; |
|||
min-width:350px |
|||
} |
} |
||
.header-left { |
|||
.portada-slider ul { |
|||
float:left; |
|||
width:87%; |
|||
padding:0; |
|||
display:table; |
|||
table-layout:fixed; |
|||
height:100% |
|||
} |
} |
||
.header-welcome-headline { |
|||
.portada-slider ul li { |
|||
font-size:1.5em; |
|||
display:table-cell; |
|||
font-weight:bold; |
|||
vertical-align:top; |
|||
position:relative; |
|||
width:33.33333%; |
|||
height:100%; |
|||
transition:all 1000ms ease |
|||
} |
} |
||
.header-welcome-description { |
|||
.portada-slider-div-contingut { |
|||
font-size:.95em; |
|||
overflow:hidden; |
|||
width:100%; |
|||
height:100%; |
|||
position:absolute; |
|||
top:0 |
|||
} |
} |
||
.header-right { |
|||
.portada-slider-contingut { |
|||
float:left; |
|||
display:block; |
|||
font-size:.95em; |
|||
height:100%; |
|||
text-align:right; |
|||
width:100%; |
|||
width:13%; |
|||
position:relative; |
|||
z-index:3; |
|||
padding:15px 20px; |
|||
box-sizing:border-box; |
|||
color:#fff |
|||
} |
} |
||
.portada-slider-contingut * { |
|||
/** Sdílené styly boxů **/ |
|||
opacity:0; |
|||
margin:0; |
|||
.mainpage-block { |
|||
width:100%; |
|||
margin-top: .5em; |
|||
position:relative |
|||
} |
} |
||
.portada-slider-titol { |
|||
.mainpage-left .mainpage-block { |
|||
font-size:150%; |
|||
border: 1px solid #AAD5FF; |
|||
font-weight:bold; |
|||
margin-bottom:2px; |
|||
top:2px |
|||
} |
} |
||
.portada-slider-descripcio { |
|||
.mainpage-right .mainpage-block { |
|||
top:2px; |
|||
border: 1px solid #E6E6E6; |
|||
font-size:13.5px |
|||
} |
} |
||
.portada-imatge { |
|||
/* Záhlaví boxů */ |
|||
.mainpage-headline { |
|||
font-size: 1.2em; |
|||
font-weight: bold; |
|||
padding-top: .2em; |
|||
padding-left: .4em; |
|||
padding-bottom: .2em; |
|||
} |
} |
||
.portada-imatge img { |
|||
.mainpage-left .mainpage-headline { |
|||
position:absolute; |
|||
background-color: #AAD5FF; |
|||
display:block; |
|||
width:100%; |
|||
min-width:auto; |
|||
height:auto; |
|||
min-height:100%; |
|||
object-fit:cover; |
|||
margin:0 |
|||
} |
} |
||
.portada-slider ul:hover li { |
|||
.mainpage-right .mainpage-headline { |
|||
width:20% |
|||
background-color: #E6E6E6; |
|||
} |
} |
||
.portada-slider ul:hover li:hover { |
|||
/* Těla boxů */ |
|||
width:50% |
|||
.mainpage-content { |
|||
margin: .8em .5em; |
|||
} |
} |
||
.portada-slider ul:hover li:hover .portada-slider-contingut { |
|||
/* Zápatí boxů */ |
|||
background:rgba(0,0,0,0.7) |
|||
.mainpage-footer { |
|||
clear: right; |
|||
font-size: .9em; |
|||
text-align: right; |
|||
padding: 0 .5em; |
|||
} |
} |
||
.portada-slider ul:hover li:hover .portada-slider-contingut * { |
|||
.mainpage-left .mainpage-footer { |
|||
opacity:1 |
|||
background-color: #e5f2ff; |
|||
} |
|||
.portada-slider-contingutimatge { |
|||
display:block; |
|||
height:100%; |
|||
width:100%; |
|||
position:relative; |
|||
z-index:3; |
|||
padding:0; |
|||
box-sizing:border-box; |
|||
color:#fff |
|||
} |
|||
.portada-slider-contingutimatge * { |
|||
opacity:0; |
|||
margin:0; |
|||
width:100%; |
|||
position:relative |
|||
} |
|||
.portada-slider ul:hover li:hover .portada-slider-contingutimatge { |
|||
background:rgba(0,0,0,0) |
|||
} |
|||
.portada-slider ul:hover li:hover .portada-slider-contingutimatge * { |
|||
opacity:1 |
|||
} |
|||
.portada-slider-titol a { |
|||
color:white; |
|||
font-weight:bold; |
|||
} |
|||
.portada-slider-descripcio a { |
|||
color:white; |
|||
font-weight:bold; |
|||
} |
|||
/* Cronologia */ |
|||
.portada-cronologia-item { |
|||
border-left:2px solid rgba(40,133,111,255); |
|||
border-right:0; |
|||
} |
} |
||
.mainpage-right .mainpage-footer { |
|||
.portada-cronologia-item:last-child { |
|||
background-color: #F7F7F7; |
|||
border-width:0 0 0 2px; |
|||
border-image: linear-gradient(to bottom, rgba(40, 132, 109, 1) 60%, rgba(40, 132, 109, 0)) 1 100%; |
|||
} |
} |
||
/** Individuální styly **/ |
|||
.portada-cronologia-avuifa { |
|||
display:inline-block; |
|||
/* Skrytí vlaječek */ |
|||
position:relative; |
|||
.news-container .aktuality-vlajka, .news-container .flagicon { |
|||
padding:5px 10px 5px 10px; |
|||
display: none; |
|||
border-top-right-radius:5px; |
|||
border-bottom-right-radius:5px; |
|||
background:rgba(40,133,111,255); |
|||
color:white; |
|||
font-weight:bold; |
|||
} |
} |
||
.portada-cronologia-avuifa:after { |
|||
/* Prevence přetekání obrázku */ |
|||
position:absolute; |
|||
.picture-container img { |
|||
left:-8px; |
|||
max-width: 100%; |
|||
top:10px; |
|||
object-fit: contain; |
|||
height:10px; |
|||
width:10px; |
|||
border-radius:10px; |
|||
border:2px solid rgba(40,133,111,255); |
|||
background:white; |
|||
content:' '; |
|||
} |
} |
||
/* Menší písmo ve vybraných boxech */ |
|||
.portada-cronologia-efemeride { |
|||
.dyk-container .mainpage-content, |
|||
padding:10px 0px 10px 10px; |
|||
.cats-container .mainpage-content, |
|||
.portals-container .mainpage-content, |
|||
.news-container .mainpage-content, |
|||
.calendar-container .mainpage-content, |
|||
.editors-container .mainpage-content { |
|||
font-size: .95em; |
|||
} |
} |
||
Phiên bản lúc 03:45, ngày 24 tháng 1 năm 2021
/** Obecné k HS */
@media only screen and (min-width: 768px) {
.mainpage-left {
float:left;
width:55%;
}
.mainpage-right {
float:right;
width:44%;
width:calc(45% - .5em);
}
}
/** Hlavička */
.header {
background-color:#FCFCFC;
border:1px solid #CCC;
margin-top:.5em;
overflow:auto;
padding:.8em 1.5em;
}
@media only screen and (max-width: 768px) {
.header {
display: none;
}
}
.header-left {
float:left;
width:87%;
}
.header-welcome-headline {
font-size:1.5em;
font-weight:bold;
}
.header-welcome-description {
font-size:.95em;
}
.header-right {
float:left;
font-size:.95em;
text-align:right;
width:13%;
}
/** Sdílené styly boxů **/
.mainpage-block {
margin-top: .5em;
}
.mainpage-left .mainpage-block {
border: 1px solid #AAD5FF;
}
.mainpage-right .mainpage-block {
border: 1px solid #E6E6E6;
}
/* Záhlaví boxů */
.mainpage-headline {
font-size: 1.2em;
font-weight: bold;
padding-top: .2em;
padding-left: .4em;
padding-bottom: .2em;
}
.mainpage-left .mainpage-headline {
background-color: #AAD5FF;
}
.mainpage-right .mainpage-headline {
background-color: #E6E6E6;
}
/* Těla boxů */
.mainpage-content {
margin: .8em .5em;
}
/* Zápatí boxů */
.mainpage-footer {
clear: right;
font-size: .9em;
text-align: right;
padding: 0 .5em;
}
.mainpage-left .mainpage-footer {
background-color: #e5f2ff;
}
.mainpage-right .mainpage-footer {
background-color: #F7F7F7;
}
/** Individuální styly **/
/* Skrytí vlaječek */
.news-container .aktuality-vlajka, .news-container .flagicon {
display: none;
}
/* Prevence přetekání obrázku */
.picture-container img {
max-width: 100%;
object-fit: contain;
}
/* Menší písmo ve vybraných boxech */
.dyk-container .mainpage-content,
.cats-container .mainpage-content,
.portals-container .mainpage-content,
.news-container .mainpage-content,
.calendar-container .mainpage-content,
.editors-container .mainpage-content {
font-size: .95em;
}