/* * 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 OJS Acta Polytechnica CTU Proceedings (APP), 2020: * app_new.css * * Barvy pro APP: Pro AP: * Primarni barva pozadi: #008a77 (tmave zelena) #007294 (tmave modra) * Barva nadpisu: #298977 (tmave zelena) #387EA2 (tmave modra) * Barva odkazu v horni liste: #298977 (tmave zelena) #57A9D8 (modra) * Sekundarni barva: #d2e0dd (svetle zelena) #93daef (svetle modra) * * Graficky navrh: Michaela Kubatova Petrova, 2020 * * (c) Adam Zima, 2020 * */ /* TELO STRANKY () */ html,body {background-color: #008a77;background: #008a77} /*PRIMARNI barva pozadi APP: #008a77*/ .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_head {background-color:#008a77;border-bottom:0px} /*Barva pozadi zahlavi stranky: PRIMARNI*/ .pkp_structure_content {background-color: #FFFFFF;} /*Pozadi ramce obsahu webu: #FFFFFF;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: #298977; border-color: #008a77} /*Barva textu (Barva nadpisu) a ohraniceni odkazu (PRIMARNI) na PDF soubory clanku*/ .obj_galley_link:hover {background-color: #008a77} /*Barva pozadi odkazu na PDF soubory clanku: PRIMARNI*/ .pkp_page_index .current_issue .read_more {color: #298977} /*Barva odkazu View all issues na hlavni strance: Barva nadpisu*/ /* METATRIDY (k odkazum) */ a:hover {text-decoration: underline; background-color: transparent;} /*Format odkazu po najeti mysi: Podtrzeno, pruhledne pozadi*/ a:link {color: #298977;} /*Format nenavstiveneho odkazu: Barva nadpisu*/ a:active {color: #d77789;} /*Format odkazu v momentu kliknuti: Invertovana barva nadpisu*/ a:visited {color: #298977;} /*Format navstiveneho odkazu: Barva nadpisu*/ /* ZAHLAVI STRANKY */ .dropdown-menu > li > a {color:#298977;} /*Barva textu v rozbalovacich menu: Barva nadpisu*/ /* 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*/ .pkp_site_name img{display:block;max-height:256px;max-width:100%;width:auto;height:auto;margin:0;margin-top:0px;margin-bottom:0px} /*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;} .pkp_navigation_user>li>ul a:hover .task_count, .pkp_navigation_user>li>ul a:focus .task_count { background: #fff; } @media (min-width:768px){ /* Menu uzivatele (vpravo nahore) */ .pkp_structure_head {background-color:#008a77;} /*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: #d2e0dd;} /*Barva pozadi pocitadla nesplnenych ukolu: SEKUNDARNI barva APP*/ .pkp_navigation_user > li > a, .pkp_navigation_user > li > a:hover {color:#298977} /*Barva odkazu uzivatel / Register + Login: Barva nadpisu (U AP specialni barva pro odkaz)*/ .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*/ /* Hlavni menu (lista pod bannerem) */ .pkp_navigation_primary_row {background-color: #008a77; 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, .pkp_navigation_primary > li > a:hover {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: #008a77; color:#008a77;} /*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: #d2e0dd; border-color: transparent;} /*Barva pozadi odkazu po najeti mysi: SEKUNDARNI*/ .pkp_site_nav_menu {background: none;} /* Vyhledavani (vpravo od hl. menu) */ .pkp_head_wrapper .pkp_search .search_prompt {color:#FFFFFF} /*Barva textu tlacitka vyhledavani: bila*/ .pkp_navigation_search_wrapper a {color:#FFFFFF} /*Barva textu tlacitka vyhledavani: bila*/ .pkp_navigation_search_wrapper a:hover {color:#FFFFFF} /*Barva textu tlacitka vyhledavani: bila*/ } /*ABOUT*/ .pkp_page_index .homepage_about { padding-top: 0px; padding-bottom: 0px; } .pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 { margin: 20px 0 10px; } .pkp_page_index .current_issue .current_issue_title { margin: 10px 0; font-weight: 700; } .obj_issue_toc .sections:not(:first-child) { margin-top: 0px; } .obj_issue_toc .sections:first-child { margin-top: 0px; } .obj_issue_toc .galleys, .obj_issue_toc .section { position: relative; margin: 0px 0px; padding: 30px; } .obj_issue_toc .published { margin: 0px 0; } /*ARTICLE */ .abstract {text-align:justify;} .obj_article_details > .page_title { text-transform: uppercase; } /* ZAPATI */ .pkp_structure_footer_wrapper {background-color: #008a77; 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:#008a77;border-bottom:0px} /*Barva pozadi zahlavi stranky: PRIMARNI*/ .pkp_site_nav_menu {background-color: #008a77; margin: 1px;} /*Lista s hlavnim Menu webu: PRIMARNI barva, ohraniceni*/ .pkp_nav_list ul a {color:#FFFFFF} .pkp_site_name .is_img 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 {display:block;max-height:256px;max-width:100%;padding-top:0px;padding-bottom:0px; width:auto;height:auto} /*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*/ }