/** Kory novo **/
@media (min-width: 1000px) {
.main-top {
align-items: center;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/e/e3/Wikipedia_logo_letters_banner.svg);
background-position: right;
background-repeat: no-repeat;
display: flex;
margin-bottom: 1.5rem;
margin-top: 0.5rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 1.5rem;
padding-top: 0;
}
.main-top-left {
background-image: linear-gradient(to right, #f8f9fa 0%, #f8f9fa 70%, rgba(248, 249, 250, 0) 100%);
flex: 3;
padding: 2rem 0 2rem 1.5rem;
}
.main-top-right {
flex: 2;
margin-top: 0;
text-align: right;
}
.main-top-right > ul {
align-items: center;
flex-direction: row-reverse;
justify-content: right;
margin-top: 0;
text-align: left;
}
.main-top-createArticle + li .mw-ui-button.mw-ui-quiet {
padding-right: 1em;
}
}
/** Kory novo kraj **/
/** Ivi start **/
div.hp-portali td {
transition: 2s;
}
div.hp-portali a:hover {
color: white !important;
}
div.hp-portali td:nth-of-type(1):hover { box-shadow: inset 10em 0 0 0 #996633 !important; }
div.hp-portali td:nth-of-type(2):hover { box-shadow: inset 10em 0 0 0 #999933 !important; }
div.hp-portali td:nth-of-type(3):hover { box-shadow: inset 10em 0 0 0 #669933 !important; }
div.hp-portali td:nth-of-type(4):hover { box-shadow: inset 10em 0 0 0 #339933 !important; }
div.hp-portali td:nth-of-type(5):hover { box-shadow: inset 10em 0 0 0 #339999 !important; }
div.hp-portali td:nth-of-type(6):hover { box-shadow: inset 10em 0 0 0 #336699 !important; }
div.hp-portali td:nth-of-type(7):hover { box-shadow: inset 10em 0 0 0 #333399 !important; }
div.hp-portali td:nth-of-type(8):hover { box-shadow: inset 10em 0 0 0 #993399 !important; }
div.hp-portali td:nth-of-type(9):hover { box-shadow: inset 10em 0 0 0 #993366 !important; }
div.hp-portali td:nth-of-type(10):hover{ box-shadow: inset 10em 0 0 0 #993333 !important; }
/** Ivi end **/
/***** most outer div (wraps the whole page); general styles *****/
div.hp {
background-color: #ffffff;
color: #333333;
}
.wikipedia-w { /* for the stylized W of Wikipedia */
font-feature-settings: 'ss05';
}
div.hp table {
margin: 0;
border-collapse: separate;
}
div.hp p {
margin: 0.5em 0;
}
/***** header, portals, footer *****/
div.hp-header,
div.hp-portali,
div.hp-footer {
margin: 10px 0;
background-color: #ffffff;
}
div.hp-header {
padding: 10px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
div.hp-header > table,
div.hp-portali > table {
width: 100%;
margin: 0;
}
div.hp-header td {
vertical-align: middle;
text-align: center;
padding: 12px 7px;
}
div.hp-header td.hp-dd {
width: 65%;
font-family: 'Linux Libertine G', 'Linux Libertine', 'Linux Libertine O', 'Libertinus Serif', Georgia, serif;
font-size: 1.3em;
line-height: 150%;
}
div.hp-header .hp-dd-1 {
font-variant: small-caps;
font-size: 185%;
}
div.hp-header td.hp-dd a {
color: #333333;
}
div.hp-header td.hp-statistike {
border-left: 1px solid #cccccc;
}
div.hp-header .hp-statistike-1 {
display: inline-block;
text-align: left;
}
div.hp-portali {
padding: 2px 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
div.hp-portali table {
text-align: center;
font-size: 0.9em;
border-spacing: 1px;
}
div.hp-portali td { /* background-color, border-color and width are defined inline */
padding: 0;
border-width: 5px 0 0 0;
border-style: solid;
}
div.hp-portali a {
display: block;
padding: 3px 0.25em;
color: #000000;
transition: 2s;
}
div.hp-footer {
text-align: center;
font-size: 0.95em;
}
/***** blocks of segments *****/
table.hp-block {
width: 100%;
border-spacing: 2px;
}
table.hp-block > tbody > tr > td {
vertical-align: top;
padding: 0;
}
table.hp-block h2.hp-segment-title {
background-color: #ffffff;
margin: 0;
padding: 10px 10px 10px 25px;
white-space: nowrap;
border-bottom: 1px solid #555555;
font-family: unset;
font-size: 2em;
font-variant: small-caps;
line-height: unset;
}
@media screen and ( max-width: 999px ) {
/* slightly smaller segment titles on narrower screens/windows */
table.hp-block h2.hp-segment-title {
padding-left: 15px;
font-size: 1.8em;
}
}
table.hp-block h2.hp-segment-title a {
color: #555555;
}
table.hp-block div.hp-segment-content {
padding: 10px;
border-top: 2px solid #ffffff;
}
#segment-Zusterprojecten div.hp-segment-content {
text-align: center;
}
/***** vertical lay-out on narrow screens, both desktop and mobile *****/
@media screen and ( max-width: 899px ) {
.hp-responsive-table,
.hp-responsive-table > tbody,
.hp-responsive-table > tbody > tr,
.hp-responsive-table > tbody > tr > td {
display: block;
width: 100% !important;
height: auto;
box-sizing: border-box;
}
div.hp-header td.hp-statistike {
padding-top: 0;
border-left: 0 none;
}
div.hp-portali table tr {
display: flex !important;
flex-wrap: wrap;
}
div.hp-portali table td {
width: auto !important;
margin: 0 1px 1px 0;
flex: auto;
}
table.hp-block > tbody > tr {
display: flex !important;
flex-direction: column;
}
#segment-Over_Wikipedia {
background-color: transparent !important;
order: -1;
}
#segment-Over_Wikipedia h2.hp-segment-title {
display: none;
}
#segment-Over_Wikipedia div.hp-segment-content {
background-color: transparent !important;
padding: 0;
font-size: 0.95em;
}
table.hp-block tr.hp-3colsegment-content > td {
border-top: 2px solid #ffffff;
}
}
