/* DESKTOP */ * { margin: 0; padding: 0; } #clean { clear: both; } body { background-color: #eeffee; background-image: url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/desktop.png), url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/desktop.png); background-position: top, bottom; background-repeat: repeat-x, repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; overflow: scroll; } /* CONTAINER */ #container { width: 1000px; border: 1px solid #c8f4de; color: #444444; background-color: #ffffff; text-align: left; margin: 15px auto 15px auto; } /* HEADER */ #header { background-color: #f5fff5; height: 140px; } /* background-image: url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/header-complete.png); */ #header #logo { float: left; position: relative; top: 25px; left: 65px; } #header #title { float: left; position: relative; top: 45px; left: 130px; font-family: 'Ubuntu'; font-weight: bold; } #header #title #institute { text-transform: uppercase; text-shadow: 1px 2px 2px #bbbbbb; font-size: 34px; } #header #title #institute a { color: #09904b; } #header #title #academy { font-size: 20px; margin: 5px 0 0 0; } #header #title #academy a { color: #555555; } #header #picture { float: right; position: relative; top: 15px; right: 65px; } /* PANEL */ #panel { height: 32px; background-color: #09904b; background-image: url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/shadow-top.png), url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/shadow-bot.png); background-position: top, bottom; background-repeat: repeat-x, repeat-x; } #panel #menu { float: left; margin: 0 0 0 27px; } #panel #menu ul { list-style-type: none; } #panel #menu li { float: left; position: relative; color: #ffffff; border-left: 1px solid #c8f4de; line-height: 32px; font-size: 14px; font-weight: bold; padding: 0 15px 0 15px; margin: 0; } #panel #menu li#first { border-left: 0; } #panel #menu li:hover { color: #ff4900; border-left: 1px solid #09904b; background: #eeffee url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/shadow-top.png) repeat-x 0 0; } #panel #menu a { display: block; } #panel #menu ul ul { position: absolute; visibility: hidden; margin: 0 -15px 0 -16px; padding: 0; } #panel #menu ul ul a { width: 210px; } /* width: 140px; */ #panel #menu li li { background-color: #eeffee; border-left: 1px solid #09904b; border-bottom: 1px solid #09904b; border-right: 1px solid #09904b; font-weight: normal; padding: 0; margin: 0; } #panel #menu li li:hover { background: none; background-color: #ffffe7; } #panel #menu li li a { color: #666666; line-height: 16px; font-size: 13px; padding: 10px 20px 10px 20px; } #panel #menu li li:hover a { color: #ff4900; } #panel #menu ul li:hover ul { visibility: visible; } #panel #menu img { margin-top: 8px; } #panel #language { float: right; margin: 8px 42px 0 0; } #panel #language img { box-shadow: 2px 2px 2px #666666; margin: 0 10px 0 0; } #panel #language img:hover { box-shadow: 2px 2px 2px #bbbbbb; } #panel #intranet { float: right; position: relative; margin-right: 27px; } #panel #intranet div { color: #ffffff; line-height: 32px; font-weight: normal; padding: 0 15px 0 15px; } #panel #intranet div:hover { color: #ff4900; background: #eeffee url(https://webarchiv.lib.cas.cz:443/wayback/20240601014824/https://www.ugn.cas.cz/image/shadow-top.png) repeat-x 0 0; } #panel #intranet div div { float: left; position: relative; padding: 0; margin: 3px 5px 0 0; } #panel #intranet img { margin-top: 4px; } /* CONTENT */ #content { min-height: 375px; _height: 375px; line-height: 125%; margin: 40px 25px 25px 25px; } #content #small_title { color: #777777; font-size: 85%; } #content #menu { width: 100%; height: 26px; background-color: #f3f3f3; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; margin: 18px 0 25px 0; } /* margin-bottom: 12px; */ #content #menu ul { list-style-type: none; } #content #menu li { float: left; border-left: 1px solid #dddddd; line-height: 26px; font-weight: bold; margin: 0; } #content #menu li#first { border-left: 0; } #content #menu li a { display: block; padding: 0 15px 0 15px; } #content #menu li a:hover { background-color: #ffffe7; } #content #menu .active a { color: #ffffff; background-color: #09904b; } #content #menu .active a:hover { color: #ff4900; } #content #menu img { margin: 3px 0 -3px 0; } #content #people { width: 100%; border: 1px solid #dddddd; } #content #people #head { background-color: #dddddd; } #content #people #scroll { height: 580px; overflow-x: hidden; overflow-y: auto; } #content #people #item { width: 100%; } #content #people #item.light { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } #content #people #item.dark { background-color: #fafafa; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #content #people #item:hover { background-color: #ffffe7; } #content #people #name { display: inline-block; width: 190px; vertical-align: top; padding: 5px 15px; } #content #people #titles { display: inline-block; color: #444444; width: 130px; vertical-align: top; padding: 5px 15px; } #content #people #email { display: inline-block; color: #444444; width: 170px; vertical-align: top; padding: 5px 15px; } #content #people #phone { display: inline-block; color: #444444; width: 180px; vertical-align: top; padding: 5px 15px; } #content #people #mobile { display: inline-block; color: #444444; vertical-align: top; padding: 5px 15px; } #content #ecard #column-2 { width: 290px; } #content #ecard #column-2 #column-text { width: 242px; } #content #ecard #column-3 { width: 340px; } #content #ecard #column-3.first { width: 220px; } #content #ecard #column-3 #column-text { float: right; width: 292px; } #content #ecard #column-3 #block-colored img { width: 190px; } #content #ecard #column-3-doubled { width: 680px;} #content #ecard h5 { color: #888888; } #content #ecard #title { color: #999999; } #content #ecard #name { font-size: 140%; } #content #ecard #unit { font-size: 125%; } #content #nboard { margin-top: 13px; } #content #nboard a img { width: 216px; height: 72px; border: 1px solid #dddddd; margin-top: 12px; } #content #nboard a:hover img { border: 1px solid #ff4900; } #content #contract #item { padding: 4px 10px 4px 10px; } #content #contract #item.first { } #content #contract #item.other { border-top: 1px solid #f0f0f0; } #content #contract #column-doc { float: left; width: 565px; } #content #contract #column-date { float: right; width: 100px; margin-left: 25px; text-align: right; } #content #contract #column-flag { float: right; width: 20px; text-align: left; } #content #contract #column-multi { float: right; width: 220px; text-align: left; } #content #document #item { padding: 4px 10px 4px 10px; } #content #document #item.first { } #content #document #item.other { border-top: 1px solid #f0f0f0; } #content #document #column-doc { float: left; width: 690px; } #content #document #column-date { float: right; width: 100px; margin-left: 25px; text-align: right; } #content #document #column-flag { float: right; width: 20px; text-align: left; } #content #document #column-multi { float: right; width: 95px; text-align: left; } #content #block-colored { background-color: #fefaed; padding: 15px; } /* light yellow */ #content #block-colored.gray { background-color: #f7f7f7; } /* light gray */ #content #block-colored.green { background-color: #f7fff7; } /* light green */ #content #block-colored.orange { background-color: #fff7f3; } /* light orange */ #content #block-colored #column-2 { float: left; width: 452px; margin-left: 16px; } #content #block-colored #column-2.first { margin-left: 0; } #content #block-colored #column-2 #column-text { float: right; width: 404px; } #content #block-colored #column-3 { float: left; width: 296px; margin-left: 16px; } #content #block-colored #column-3.first { margin-left: 0; } #content #block-colored #column-3 #column-text { float: right; width: 248px; } #content #block-colored #column-3-doubled { float: left; width: 608px; margin-left: 16px; } #content #block-colored #column-3-doubled.first { margin-left: 0; } #content #block-colored #column-4 { float: left; width: 218px; margin-left: 16px; } #content #block-colored #column-4.first { margin-left: 0; } #content #block-colored #column-4 #column-text { float: right; width: 170px; } #content #block-colored #column-4-doubled { float: left; width: 452px; margin-left: 16px; } #content #block-colored #column-4-doubled.first { margin-left: 0; } #content #block-colored #subtitle { float: left; width: 218px; font-style: oblique; font-size: 85%; margin-left: 16px; } #content #block-colored #subtitle.first { margin-left: 0; } #content #block-colored #subtitle-2 { float: left; width: 452px; font-style: oblique; font-size: 85%; margin-left: 16px; } #content #block-colored #subtitle-2.first { margin-left: 0; } #content #block-colored #subtitle-4 { float: left; width: 920px; font-style: oblique; font-size: 85%; } #content #block-colored #picture { float: left; width: 218px; margin-left: 16px; } #content #block-colored #picture.first { margin-left: 0; } #content #block-colored #picture img { width: 218px; height: 164px; } #content #column-2 #block-colored img { width: 420px; } #content #column-2 #block-colored #thumb { float: left; width: 137px; } #content #column-2 #block-colored #thumb img { width: 137px; height: 103px; } #content #column-2 #block-colored #text { float: left; width: 268px; margin-left: 15px; } #content #column-2-broader #block-colored img { width: 432px; } #content #column-2-broader #block-colored #thumb { float: left; width: 137px; } #content #column-2-broader #block-colored #thumb img { width: 137px; height: 103px; } #content #column-2-broader #block-colored #text { float: left; width: 280px; margin-left: 15px; } #content #column-3 #block-colored img { width: 254px; } #content #column-3-broader #block-colored img { width: 270px; } #content #column-4 #block-colored img { width: 170px; } #content #column-4-broader #block-colored img { width: 188px; } #content #picture-in-text { float: right; width: 218px; margin-left: 15px; } #content #picture-in-text.yellow { background-color: #fefaed; } /* light yellow */ #content #picture-in-text.green { background-color: #fafffa; } /* light green */ #content #picture-in-text.orange { background-color: #fff7f3; } /* light orange */ #content #picture-in-text img { width: 216px; border: 1px solid #ffffff; } #content #picture-in-text a:hover img { border: 1px solid #ff4900; } #content #picture-in-text.left { float: left; margin-left: 0; margin-right: 15px; } #content #picture-in-text.ribbon { height: 74px; } #content #picture-in-text.ribbon a img { width: 216px; height: 72px; border: 1px solid #eeeeee; } #content #picture-in-text.ribbon a:hover img { border: 1px solid #ff4900; } #content #picture-in-text.smaller { width: 164px; } #content #picture-in-text.smaller img { width: 162px; } /* Modifications of HTML5Lightbox (in html5lightbox.js): ----------------------------------------------------- a)
->