/* * Original: * steel.css * * Copyright (c) 2003-2011 John Willinsky * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING. * * Steel theme. * * $Id$ * * Upravena verze pro CTU OJS a OJS Acta Polytechnica (AP), 2020: * site.css * * Barvy pro AP: Pro APP: * Primarni barva pozadi: #007294 (tmave modra) #008a77 (tmave zelena) * Barva nadpisu: #387EA2 (tmave modra) #298977 (tmave zelena) * Sekundarni barva: #93daef (svetle modra) #b0fcdd (svetle zelena) * * Graficky navrh: Michaela Kubatova Petrova, 2020 * * (c) Adam Zima, 2020 * */ /* TELO STRANKY () */ html,body{font-family:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif; font-size:14px;line-height:1.43rem;color:rgba(0,0,0,0.87)} html {background-color: #007294;} /*PRIMARNI barva pozadi AP: #007294*/ body {background-color: #007294;} /*PRIMARNI barva pozadi AP: #007294*/ .has_site_logo {width:1160px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px;} /*Rozmery a vystlani celeho tela stranky*/ .pkp_structure_content {background-color: #FFFFFF;} /*Pozadi ramce obsahu webu: bila*/ .obj_article_summary>.title {text-transform: uppercase;} /*Kapitalizace nazvu clanku*/ input.textField, select.selectMenu, textarea.textArea, input.uploadField {background-color: #f0f0f0;} /*Barva vstupnich textovych poli: svetle seda*/ .obj_galley_link {color: #387EA2; border-color: #007294} /*Barva textu (Barva nadpisu) a ohraniceni odkazu (PRIMARNI) na PDF soubory clanku*/ .obj_galley_link:hover {background-color: #007294} /*Barva pozadi odkazu na PDF soubory clanku: PRIMARNI*/ .pkp_page_index .current_issue .read_more {color: #387EA2} /*Barva odkazu View all issues na hlavni strance: Barva nadpisu*/ .-screenReader { position: inherit;} /* METATRIDY (k odkazum) */ a:hover {text-decoration: underline; background-color: transparent;} /*Format odkazu po najeti mysi: Podtrzeno, pruhledne pozadi*/ a:link {color: #387EA2;} /*Format nenavstiveneho odkazu: Barva nadpisu*/ a:active {color: #d77789;} /*Format odkazu v momentu kliknuti: Invertovana barva nadpisu*/ a:visited {color: #387EA2;} /*Format navstiveneho odkazu: Barva nadpisu*/ /* ZAHLAVI STRANKY */ .dropdown-menu > li > a {color:#387EA2;} /*Barva textu v rozbalovacich menu: Barva nadpisu*/ .pkp_site_name .is_img {display:block;max-height:256px;max-width:100%;padding-top:0px;padding-bottom:0px; width:auto;height:auto;margin-top:0;margin-bottom:0} /*Format banneru*/ .pkp_site_name .is_img img{display:block;max-height:256px;max-width:100%;padding-top:0px;padding-bottom:0px; width:auto;height:auto;margin-top:0;margin-bottom:0} /*Format banneru*/ .pkp_navigation_user .task_count {top:0;background: rgba(255,255,255,0.3)} .pkp_navigation_user>li>ul a .task_count { display: inline-block; } @media (min-width:768px){ /* Menu uzivatele (vpravo nahore) */ .pkp_structure_head {background-color:#007294;border-bottom:0px} /*Barva pozadi zahlavi stranky: PRIMARNI*/ .pkp_navigation_user {height: 0px;} /*Skryti horni listy s menu uzivatele*/ .pkp_navigation_user > li > ul a .task_count {background-color: #93daef} /*Barva pozadi pocitadla nesplnenych ukolu: SEKUNDARNI barva APP*/ .pkp_navigation_user > li > a {color:#57A9D8} /*Barva odkazu uzivatel / Register + Login: Barva nadpisu*/ .pkp_navigation_user ul {width: 9em;} /*Sirka rozbalovaciho menu uzivatele*/ .pkp_navigation_user > li:hover ul {left: -10px;} /*Zarovnani obsahu menu uzivatele o 10px doleva*/ .pkp_navigation_user_wrapper {padding-right: 30px;} /* Banner (logo v zahlavi) */ .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper {padding-top: 0px;} /*Posunuti banneru nahoru*/ .pkp_site_name_wrapper {padding: 0px; width:100%; margin:0px} /*Zvetseni banneru*/ .pkp_site_name > a {padding: 0px;} /*Odstraneni vystlani banneru*/ .pkp_site_name .is-img {display:block;max-height:256px;max-width:100%;width:auto;height:auto;margin:0;margin-top:0px;margin-bottom:0px} /*Format banneru*/ .pkp_site_name .is-img img{display:block;max-height:256px;max-width:100%;width:auto;height:auto;margin:0;margin-top:0px;margin-bottom:0px} /*Format banneru*/ .-screenReader { clip: rect(1px,1px,1px,1px); position: inherit; left: -2000px; } /* Hlavni menu (lista pod bannerem) */ .pkp_navigation_primary_row {background-color: #007294; margin: 1px;} /*Lista s hlavnim Menu webu: PRIMARNI barva, ohraniceni*/ .pkp_navigation_primary > li:first-child a {margin-left: 10px;} /*Vystlani obsahu Menu zleva*/ .pkp_navigation_primary > li > a {border-bottom: 0px; color:#FFFFFF;} /*Odkazy v Menu: Ohraniceni (zadne) a barva (bila)*/ .pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {border-color: #007294; color:#007294;} /*Barvy textu a ohraniceni v rozbalovacich menu: PRIMARNI barva*/ .pkp_navigation_primary ul {width: 10em;} /*Sirka rozbalovaciho menu*/ .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {background-color: #93daef; border-color: transparent;} /*Barva pozadi odkazu po najeti mysi: SEKUNDARNI*/ /* Vyhledavani (vpravo od hl. menu) */ .pkp_head_wrapper .pkp_search .search_prompt {color:#FFFFFF} /*Barva textu tlacitka vyhledavani: bila*/ } /* ZAPATI */ .pkp_structure_footer_wrapper {background-color: #007294; color: #FFFFFF;} /*Ramec zapati stranky: Pozadi: PRIMARNI barva, Text: bila*/ .pkp_footer_content {padding-top: 5px; padding-left: 5px;} /*Zarovnani obsahu zapati*/ .pkp_brand_footer {display: none;} /*Skryti loga OJS/PKP v zapati*/ .pkp_footer_content a {color: #ffffff;} /* PRIZPUSOBENI MENSIM ROZLISENIM DISPLEJE */ /* Do sirky 1200px */ @media (max-width:1200px) { .has_site_logo {width:952px; margin-left: auto; margin-right: auto} /*Zuzeni hlavniho ramce*/ } /* Do sirky 992px */ @media (max-width:992px) { .has_site_logo {width:728px; margin-left: auto; margin-right: auto} /*Zuzeni hlavniho ramce*/ } /* Do sirky 768px (zmena zobrazeni banneru a menu uzivatele / Register + Login pro lepsi viditelnost) */ @media (max-width:768px){ .has_site_logo {width:90%; margin-left: 10; margin-right: 10} /*Zuzeni hlavniho ramce*/ .pkp_site_name, .has_site_logo .pkp_head_wrapper {padding-left:0; padding-right:0} /*Odstraneni vystlani banneru*/ .pkp_head_wrapper, .has_site_logo .pkp_head_wrapper {padding-top: 30px;} /*Lista pro menu uzivatele*/ .pkp_navigation_primary > li > a {color:#FFFFFF} /*Obarveni menu uzivatele na bilo pro lepsi kontrast*/ .pkp_navigation_user > li > a {color:#FFFFFF} /*Obarveni menu uzivatele na bilo pro lepsi kontrast*/ /*pridano*/ .pkp_structure_head {background-color:#007294;border-bottom:0px} /*Barva pozadi zahlavi stranky: PRIMARNI*/ .pkp_site_nav_menu {background-color: #007294; margin: 1px;} /*Lista s hlavnim Menu webu: PRIMARNI barva, ohraniceni*/ .pkp_nav_list ul a {color:#FFFFFF} .pkp_site_name .is_img {display:block;max-height:256px;max-width:100%;padding-top:0px;padding-bottom:0px; width:auto;height:auto} /*Format banneru*/ .pkp_site_name .is_img img{display:block;max-height:256px;max-width:100%;padding-top:0px;padding-bottom:0px; width:auto;height:auto;margin-top:0;margin-bottom:0} /*Format banneru*/ } /* Do sirky 480px (mobilni rozliseni) */ @media (max-width:480px){ .has_site_logo {width:100%; margin-left: 0; margin-right: 0} /*Ramec vyplnuje celou sirku okna*/ }