Toggle menu
310,1 tis.
50
18
525,6 tis.
Hrvatska internetska enciklopedija
Toggle preferences menu
Toggle personal menu
Niste prijavljeni
Your IP address will be publicly visible if you make any edits.

Predložak:Glavna2/naslov/styles.css

Izvor: Hrvatska internetska enciklopedija

/** 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; }

  1. 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; } }