Predložak:Glavna2/naslov/styles.css

Izvor: Hrvatska internetska enciklopedija
Skoči na:orijentacija, traži

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

Dobavljeno iz "https://croatianschoolsydney.com/index.php?title=Predložak:Glavna2/naslov/styles.css&oldid=461389"