:root { --color1: #fce6b4; /* menu_a hintergrund */ --color2: #000000; /* menu_a schrift */ --color3: #4096ee; /* menu_a hover */ --color4: #72bbee; /* menu_a selected */ --color5: #909382; /* menu_b hintergrund */ --color6: #909382; /* years hintergrund */ --color7: #a2cb20; /* menu_b selected */ --color8: #4096ee; /* menu_b hover */ --color9: #4b4d44; /* menu_b splitter color */ --color10: #a19293; /* info_toggle background*/ --color11: #fdf4de; /* info background */ --color12: #bcd5d1; /* login background */ --color13: #e3f5fc; /* fb_main background */ --color14: #bcd5d1; /* info_content hover */ --color15: #767771; /* info_toggle hover */ --color16: #bcd5d1; /* main_content button hover */ --color17: #ffce4a; /* icon selected background */ --color18: #bcd5d1; /* info button hover */ --color19: #bcd5d1; /* item text list hover */ --color30: rgba(52, 156, 241, .6); --color31: rgba(52, 156, 241, .3); --color32: rgba(82, 197, 197, .5); --color33: rgba(52, 156, 241, .15); --fonts-main: verdana,arial,sans-serif; --fonts-machine: courier new,arial; } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ html, body { margin: 0; padding: 0; overflow: hidden; width: 100%; } #login { display:inline-block; padding: 1em; background-color:var(--color12); position: absolute; top: 30%; transform: translateY(-30%); left: 50%; transform: translateX(-50%); font-family: var(--fonts-main); font-size: 1em; } #login .row { display: table-row; } #login .col { display: table-cell; padding: .2em; } #login input[type=text] { width: 100%; } #login input[type=password] { width: 100%; } /*@media only screen and (max-device-width: 1023px) { #login { width: 90%; } html, body { font-size: 1em; } }*/ #menu_background { position: absolute; top: 0; left: 0; width: 100%; background-image: url('images/background/menu_top.png'); z-index: -1; } .i-family_tree { background-image: url('images/icons/32/family-tree.png'); } .i-search { background-image: url('images/icons/32/search.png'); } .i-admin { background-image: url('images/icons/32/admin.png'); } .i-logout { background-image: url('images/icons/32/logout.png'); } .i-index { background-image: url('images/icons/32/index.png'); } .i-unsorted { background-image: url('images/icons/32/unsorted.png'); } .i-menu { background-image: url('images/icons/32/menu.png'); } .i-edit { background-image: url('images/icons/32/edit.png'); } .i-save { background-image: url('images/icons/32/save.png'); } .i-cancel { background-image: url('images/icons/32/cancel.png'); } .i-rubbish_bin { background-image: url('images/icons/32/rubbish_bin.png'); } .i-delete { background-image: url('images/icons/32/delete.png'); } .i-download { background-image: url('images/icons/32/download.png'); } .i-new_item { background-image: url('images/icons/32/new_item.png'); } .i-admin_categories { background-image: url('images/icons/32/admin_categories.png'); } .i-admin_tags { background-image: url('images/icons/32/admin_tags.png'); } .i-left { background-image: url('images/icons/32/left.png'); } .i-left-grey { background-image: url('images/icons/32/grey/left.png'); } .i-right { background-image: url('images/icons/32/right.png'); } .i-right-grey { background-image: url('images/icons/32/grey/right.png'); } .i-up { background-image: url('images/icons/32/up.png'); } .i-up-grey { background-image: url('images/icons/32/grey/up.png'); } .i-listview { background-image: url('images/icons/32/listview.png'); } .i-thumbview { background-image: url('images/icons/32/thumbview.png'); } .i-timeline { background-image: url('images/icons/32/timeline.png'); } .i-zoom_plus { background-image: url('images/icons/32/zoom_plus.png'); } .i-zoom_minus { background-image: url('images/icons/32/zoom_minus.png'); } .i-zoom_100 { background-image: url('images/icons/32/zoom_100.png'); } .i-pdf_zoom { background-image: url('images/icons/32/pdf_zoom.png'); } .i-pdf_standard { background-image: url('images/icons/32/pdf_standard.png'); } .i-plus { background-image: url('images/icons/32/plus.png'); } .i-minus { background-image: url('images/icons/32/minus.png'); } .i-plus-grey { background-image: url('images/icons/32/grey/plus.png'); } .i-minus-grey { background-image: url('images/icons/32/grey/minus.png'); } .i-nextpage { background-image: url('images/icons/32/nextpage.png'); } .i-prevpage { background-image: url('images/icons/32/prevpage.png'); } .i-nextpage-grey { background-image: url('images/icons/32/grey/nextpage.png'); } .i-prevpage-grey { background-image: url('images/icons/32/grey/prevpage.png'); } .i-category_add { background-image: url('images/icons/32/category_add.png'); } .i-rename { background-image: url('images/icons/32/rename.png'); } .i-move { background-image: url('images/icons/32/move.png'); } .i-bell { background-image: url('images/icons/32/bell.png'); } .i-bell_colored { background-image: url('images/icons/32/bell_colored.png'); } .i-upload { background-image: url('images/icons/32/upload.png'); } .i-security { background-image: url('images/icons/32/security.png'); } .i-padlock { background-image: url('images/icons/32/padlock.png'); } .i-users { background-image: url('images/icons/32/users.png'); } .i-key { background-image: url('images/icons/32/key.png'); } .i-m-0 { background-image: url('images/icons/32/no.png'); } .i-m-1 { background-image: url('images/icons/32/archive.png'); } .i-m-2 { background-image: url('images/icons/32/helmet.png'); } .i-m-3 { background-image: url('images/icons/32/files.png'); } .i-m-4 { background-image: url('images/icons/32/house.png'); } .i-m-5 { background-image: url('images/icons/32/camera.png'); } .i-m-6 { background-image: url('images/icons/32/picture.png'); } .i-m-7 { background-image: url('images/icons/32/letter.png'); } .i-m-8 { background-image: url('images/icons/32/books.png'); } .i-m-9 { background-image: url('images/icons/32/layers.png'); } .i-m-10 { background-image: url('images/icons/32/inbox.png'); } .i-m-11 { background-image: url('images/icons/32/box.png'); } .i-m-12 { background-image: url('images/icons/32/diploma.png'); } #menu_a { float: left; width: 100%; font-size: 1.2em; } #menu_a ul { margin: 0; padding: 0; z-index: 2; } #menu_a li { background-repeat:no-repeat; background-size: 1.2em 1.2em; background-position: .5em center; } #menu_a a { display: block; color: var(--color2); text-decoration: none; padding-left: 2.2em; padding-right: .5em; color: var(--color2); } #menu_a a.icon { padding: 0; height: 100%; } #menu_a .icon { background-repeat:no-repeat; background-size: 1.2em 1.2em; background-position: center center; width: 2.2em; height: 100%; } #menu_a span { padding-left: 2.2em; padding-right: .5em; } #menu_a form { height: 100%;} #menu_a button { background:none!important; border:none; padding-top:0!important; padding-bottom:0!important; padding-left: 2.2em; padding-right: .5em; font-size: .9em; cursor:pointer; display: block; height: 100%;} #menu_a ul li { position: relative; float: left; list-style: none; transition: 0.5s; border-right: 1px solid black; cursor: default; background-color:var(--color33); } #menu_a ul li.submenu { width: 12em; text-align:center; } #menu_a ul li.selected { background-color:var(--color30); } #menu_a ul li:hover { background-color:var(--color32); } #menu_a ul ul { position: absolute; top: -9999px; left: -9999px; background-image: url('images/background/menu_categories.png'); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); z-index: 1; } #menu_a ul ul li { float: none; border-right: 0px; border-bottom: 1px solid #555; width: 12em; } #menu_a ul ul li:last-child { border-bottom: none; } #menu_a ul li:hover > ul { top: 100%; left: 0; } #menu_a ul ul li:hover > ul { top: 0; left: 12em; } #menu_a ul li.more { padding: 0; background-repeat:no-repeat; background-size: 70% 70%; background-position: center center; } #menu_a ul li.more ul li { width: auto; text-align: left; } #menu_a ul li.more:hover > ul { left: auto; right: 0; } #menu_b { float: left; width: 100%; font-size: 1.1em; border-top:1px solid black; border-bottom:1px solid black; } #menu_b div.category { width: 10.9em; text-align:center; border-right:1px solid black; float: left; background-color:var(--color30); } #menu_b div.button { border-right:1px solid black; float: left; background-repeat:no-repeat; background-size: 75% 75%; background-position: center center; } #menu_b div.button:hover { background-color: rgba(81, 196, 196, .5); } #menu_b div.button.disabled:hover { background-color: transparent; } #menu_b div.button.toggle { background-color: rgba(81, 196, 196, .5); } #menu_b div.splitter { width: 4px; border-right:1px solid black; background: var(--color9); float: left; } #menu_b #pdf_scale { text-align:center; border-right:1px solid black; float: left; padding-left: 0.5em; padding-right:0.5em;} #menu_b #pdf_page { text-align:center; border-right:1px solid black; float: left; padding-left: 0.5em; padding-right:0.5em;} #flexbox { display: flex; width: 100%; } #fb_years { overflow: auto; flex: 0 1; min-width: 40px; max-width: 220px; height: 100%; background-image: url('images/background/years.png'); font-size: .8em; } #fb_years_t { width: 1px; left: auto !important; cursor: w-resize; background-color: black; } #fb_main { overflow: hidden; flex: 9; min-width: 230px; background-color: var(--color13); font-size: .9em; } #fb_info_t { width: 6px; left: auto !important; cursor: w-resize; background-color: var(--color10); border-left:1px solid black; } #fb_info { overflow: auto; flex: 3; min-width: 230px; background-color: var(--color11); padding: 3px 4px 6px 4px; border-left:1px groove black; } .hide { display: none; } @media screen and (max-device-width: 700px) { @media (max-aspect-ratio: 1/1) { #menu_a { font-size: 0.9em; } #menu_a ul li.submenu { width: 10em; } #menu_a ul ul li:hover > ul { top: 0; left: 10em; } #menu_a { height: 5vh; } #menu_a ul li { height: 5vh; line-height: 5vh;} #menu_a ul li.more { width:5vh; } #menu_b { height: 5vh; } #menu_b div.button { height: 5vh; width: 5vh; } #menu_b div.splitter { height: 5vh; } #menu_b div.category { height: 5vh; line-height: 5vh; } #menu_b #pdf_scale { height: 5vh; line-height: 5vh; } #menu_b #pdf_page { height: 5vh; line-height: 5vh; } #menu_background { height: 10vh; } #flexbox { height: 90vh; } } @media (min-aspect-ratio: 1/1) { #menu_a { font-size: 0.8em; } #menu_a ul li.submenu { width: 9em; } #menu_a ul ul li:hover > ul { top: 0; left: 9em; } #menu_a { height: 6vh; } #menu_a ul li { height: 6vh; line-height: 6vh;} #menu_a ul li.more { width:6vh; } #menu_b { height: 6vh; } #menu_b div.button { height: 6vh; width: 6vh; } #menu_b div.splitter { height: 6vh; } #menu_b div.category { height: 6vh; line-height: 6vh; } #menu_b #pdf_scale { height: 6vh; line-height: 6vh; } #menu_b #pdf_page { height: 6vh; line-height: 6vh; } #menu_background { height: 12vh; } #flexbox { height: 88vh; } } @media (min-aspect-ratio: 3/2) { #menu_a { font-size: 0.8em; } #menu_a { height: 7vh; } #menu_a ul li { height: 7vh; line-height: 7vh;} #menu_a ul li.more { width:7vh; } #menu_a ul li.submenu { width: 10em; } #menu_a ul ul li:hover > ul { top: 0; left: 11em; } #menu_b { height: 7vh; } #menu_b div.button { height: 7vh; width: 7vh; } #menu_b div.splitter { height: 7vh; } #menu_b div.category { height: 7vh; line-height: 7vh; } #menu_b #pdf_scale { height: 7vh; line-height: 7vh; } #menu_b #pdf_page { height: 7vh; line-height: 7vh; } #menu_background { height: 14vh; } #flexbox { height: 86vh; } } } @media screen and (min-device-width: 701px) and (max-device-width: 1080px) { @media (max-aspect-ratio: 1/1) { #menu_a { height: 4vh; } #menu_a ul li { height: 4vh; line-height: 4vh;} #menu_a ul li.more { width:4vh; } #menu_b { height: 4vh; } #menu_b div.button { height: 4vh; width: 4vh; } #menu_b div.splitter { height: 4vh; } #menu_b div.category { height: 4vh; line-height: 4vh; } #menu_b #pdf_scale { height: 4vh; line-height: 4vh; } #menu_b #pdf_page { height: 4vh; line-height: 4vh; } #menu_background { height: 8vh; } #flexbox { height: 92vh; } } @media (min-aspect-ratio: 1/1) { #menu_a { height: 6vh; } #menu_a ul li { height: 6vh; line-height: 6vh;} #menu_a ul li.more { width:6vh; } #menu_b { height: 5vh; } #menu_b div.button { height: 5vh; width: 5vh; } #menu_b div.splitter { height: 5vh; } #menu_b div.category { height: 5vh; line-height: 5vh; } #menu_b #pdf_scale { height: 5vh; line-height: 5vh; } #menu_b #pdf_page { height: 5vh; line-height: 5vh; } #menu_background { height: 11vh; } #flexbox { height: 89vh; } } @media (min-aspect-ratio: 3/2) { #menu_a { height: 7vh; } #menu_a ul li { height: 7vh; line-height: 7vh;} #menu_a ul li.more { width:7vh; } #menu_b { height: 7vh; } #menu_b div.button { height: 7vh; width: 7vh; } #menu_b div.splitter { height: 7vh; } #menu_b div.category { height: 7vh; line-height: 7vh; } #menu_b #pdf_scale { height: 7vh; line-height: 7vh; } #menu_b #pdf_page { height: 7vh; line-height: 7vh; } #menu_background { height: 14vh; } #flexbox { height: 86vh; } } } @media screen and (min-device-width: 1081px) and (max-device-width: 1919px) { #menu_a { height: 6vh; } #menu_a ul li { height: 6vh; line-height: 6vh;} #menu_a ul li.more { width:6vh; } #menu_b { height: 5vh; } #menu_b div.button { height: 5vh; width: 5vh; } #menu_b div.splitter { height: 5vh; } #menu_b div.category { height: 5vh; line-height: 5vh; } #menu_b #pdf_scale { height: 5vh; line-height: 5vh; } #menu_b #pdf_page { height: 5vh; line-height: 5vh; } #menu_background { height: 11vh; } #flexbox { height: 89vh; } @media (min-aspect-ratio: 3/2) { #menu_a { height: 7vh; } #menu_a ul li { height: 7vh; line-height: 7vh;} #menu_a ul li.more { width:7vh; } #menu_b { height: 6vh; } #menu_b div.button { height: 6vh; width: 6vh; } #menu_b div.splitter { height: 6vh; } #menu_b div.category { height: 6vh; line-height: 6vh; } #menu_b #pdf_scale { height: 6vh; line-height: 6vh; } #menu_b #pdf_page { height: 6vh; line-height: 6vh; } #menu_background { height: 13vh; } #flexbox { height: 87vh; } } } @media screen and (min-device-width: 1920px) { #menu_a { height: 6vh; } #menu_a ul li { height: 6vh; line-height: 6vh;} #menu_a ul li.more { width:6vh; } #menu_b { height: 5vh; } #menu_b div.button { height: 5vh; width: 5vh; } #menu_b div.splitter { height: 5vh; } #menu_b div.category { height: 5vh; line-height: 5vh; } #menu_b #pdf_scale { height: 5vh; line-height: 5vh; } #menu_b #pdf_page { height: 5vh; line-height: 5vh; } #menu_background { height: 11vh; } #flexbox { height: 89vh; } @media (min-aspect-ratio: 3/2) { #menu_a { height: 7vh; } #menu_a ul li { height: 7vh; line-height: 7vh;} #menu_a ul li.more { width:7vh; } #menu_b { height: 5vh; } #menu_b div.button { height: 5vh; width: 5vh; } #menu_b div.splitter { height: 5vh; } #menu_b div.category { height: 5vh; line-height: 5vh; } #menu_b #pdf_scale { height: 5vh; line-height: 5vh; } #menu_b #pdf_page { height: 5vh; line-height: 5vh; } #menu_background { height: 12vh; } #flexbox { height: 88vh; } } } #fb_years ul { margin: 0; padding: 0; } #fb_years a { display: block; color: var(--color2); text-decoration: none; font-size: 1.2em; padding-top: 0.4em; padding-bottom:0.4em;} #fb_years ul li { position: relative; list-style: none; color: var(--color2); transition: 0.5s; text-align:center; background-color:var(--color33); border-bottom: 1px solid #555;} #fb_years ul li.selected { background-color:var(--color30); } #fb_years ul li:hover { background-color:var(--color31); } #fb_years ul li span.itemcount { font-size: .8em; } #fb_info_t:hover { background-color:var(--color15); } #main_content { padding: 0.5em; font-family: var(--fonts-main); font-size: 1em; overflow: auto; height: 100%; } #main_content a:link, .m_main_content a:visited { color: black; text-decoration: none; } #main_content a:hover, .m_main_content a:active { text-decoration: underline; } #main_content ul.items_thumb { list-style-type: none; margin:0 auto; } #main_content ul.items_thumb li { float: left; margin: 0.3em; } /* #main_content ul.items_thumb li img { cursor: pointer; } */ #main_content ul.items_thumb li.selected img { outline: 2px solid black; box-shadow:3px 15px 25px 4px #333; } #main_content ul.items_text { list-style-type: none; font-size: 1.2em; clear: both;} #main_content ul.items_text li { display: table-row; } #main_content ul.items_text li:hover { background-color: var(--color19); } #main_content ul.items_text li.selected { background-color: var(--color19); } #main_content ul.items_text li span { display: table-cell; padding-right: 2em; } #main_content ul.items_text li div { width: 100%; } #main_content ul.indices { list-style-type: none; font-size: 1.2em; } #main_content ul.admin { list-style-type: none; font-size: 1.2em; } #main_content ul.admin li { height: 2.5em; background-repeat:no-repeat; background-size: 2em 2em; background-position: 0.5em center; line-height: 2.5em; padding-right: 0.5em; padding-left: 3em; } #main_content h1 { margin-left: 0.7em; } #main_content h2 { margin-left: 0.7em; } #main_content h3 { margin-left: 1.5em; } #main_content #id_form_search { width: 100%; text-align: center; } #main_content #id_form_search input[type=text] { width: 30%; } #main_content #id_form_search > div { width: 30%; margin: 0 auto; } #main_content form.admin { margin-left: 3em; width:30%; } #main_content form.admin h2 { margin-left: 0.75em;} #main_content form.admin table { width: 100%; table-layout: fixed; } #main_content form.admin table .col1 { width: 30%; } #main_content form.admin table .col2 { width: 70%; } #main_content form.admin table td select { width: 100%; } #main_content form.admin input[type=text].title { width: 100%; box-sizing:border-box; margin-right: 0.3em; } #main_content form.admin textarea.description { width: 100%; height: 15vh; box-sizing:border-box; margin-right: 0.3em; } #main_content form.admin div.indices { width: 100%; max-height: 12vh; overflow-y: auto; } #main_content form.admin form button {padding:3px 10px; background:#ccc; border:0 none; cursor:pointer; margin-top: 0.3em; font-size: 1em; } #main_content form.admin form button:hover { background: var(--color16); } #main_content form.admin div.icons { max-height: 10vh; overflow-y: auto; width: 100%; } #main_content form.admin div.icons > div { margin: 0.3em; float: left; width: 3.5vh; height: 3.5vh; background-repeat:no-repeat; background-size: 3.5vh 3.5vh; } #main_content form.admin div.icons > .selected { outline: 1px solid grey; box-shadow:3px 5px 5px 4px #333; background-color: var(--color17); } #main_content ul.indices button { border:1px solid #b89f8b; float: left; background-color: #e0cfc2; background-repeat:no-repeat; background-size: 75% 75%; background-position: center center; min-width: 1.5em; min-height: 1.5em; margin-right: .3em;} #main_content ul.indices button:hover { background-color: rgba(81, 196, 196, .5); } #main_content ul.indices button.label { background-size: 1em 1em; background-position: 0.25em center; padding-left: 1.7em; padding-right: .25em; font-size: 0.95em; margin-right: 1em; margin-top: .5em;} #main_content ul.users { list-style-type: none; font-size: 1.2em; } #main_content ul.users button { border:1px solid #b89f8b; float: left; background-color: #e0cfc2; background-repeat:no-repeat; background-size: 75% 75%; background-position: center center; min-width: 1.5em; min-height: 1.5em; margin-right: .3em;} #main_content ul.users button:hover { background-color: rgba(81, 196, 196, .5); } #main_content ul.users button.label { background-size: 1em 1em; background-position: 0.25em center; padding-left: 1.7em; padding-right: .25em; font-size: 0.95em; margin-right: 1em; margin-top: .5em;} #main_content table.history td { padding: 2px; } #main_content table.history a { text-decoration: underline; } #main_content table.history .icon { width: 2em; background-size: 1em 1em; background-position: 0.5em center; background-repeat:no-repeat; } #main_content table.history tr.new { background-color: #ffd84f; } /*#main_content div.adduser { font-size: .9em; display: table; border-spacing: 2px; margin-left: 3em;} #main_content div.adduser > .caption { font-weight: bold; display: table-row;} #main_content div.adduser > .name { display: table-row; } #main_content div.adduser > .name > .name_label { display: table-cell; } #main_content div.adduser > .name > .name_edit { display: table-cell; } #main_content div.adduser > .password { display: table-row; } #main_content div.adduser > .password > .password_label { display: table-cell; } #main_content div.adduser > .password > .password_edit { display: table-cell; }*/ #main_content button { border:1px solid #b89f8b; display:inline-block; background-color: #e0cfc2; background-repeat:no-repeat; background-size: 75% 75%; background-position: center center; min-width: 1.5em; min-height: 1.5em; margin-right: .3em;} #main_content button:hover { background-color: rgba(81, 196, 196, .5); } #main_content button.label { background-size: 1em 1em; background-position: 0.25em center; padding: 0.2em 0.2em 0.2em 1.55em; font-size: 0.95em; font-size: .9em;} #main_content .indent { margin-left: 2em; } .iframe_pdf { width: 100%; height: 100%; border: none; overflow: hidden; } #tl_container { display: flex; flex-flow: column; width: 100%; height: 100%; overflow: hidden; } #tl_timeline { flex: 0 1 25vh; padding: 0.5em; font-family: var(--fonts-main); font-size: .9em; overflow: auto; max-height: 60vh; min-height: 10vh; } #tl_timeline h3 { margin-top: 0.3em; font-size: 1em; } #tl_timeline h3 span { font-weight: normal; } #tl_timeline div.line { background-color: black; height: 1px; } #tl_timeline ul.items { list-style-type: none; margin:0 auto; left: 10px; position: relative; padding: 0; } #tl_timeline ul.items li { position: absolute; } #tl_timeline ul.items li img.selected { outline: 2px solid #ff2d00; } #tl_timeline ul.items li img.loaded { background-color: #ff5530; } #tl_timeline ul.years { list-style-type: none; margin:0 auto; left: 10px; position: relative; } #tl_timeline ul.years li { position: absolute; } #tl_splitter { top: auto !important; height: 2px; background-color: black; cursor: ns-resize; z-index: 6; } #tl_item { flex: 1; overflow: hidden; min-height: 20vh; max-height:95vh; } #info_content { font-family: var(--fonts-main); font-size: 0.9em; } #info_content button { border:1px solid #b89f8b; float: left; background-color: #e0cfc2; background-repeat:no-repeat; background-size: 75% 75%; background-position: center center; min-width: 1.5em; min-height: 1.5em; margin-left: .3em;} #info_content button:hover { background-color: rgba(81, 196, 196, .5); } #info_content button.label { background-size: 1em 1em; background-position: 0.25em center; padding-left: 1.7em; padding-right: .25em; font-size: 0.95em; margin-right: 1em; margin-top: .5em;} #info_content div.table { display: table; table-layout: fixed; } #info_content div.table .title { display: table-row; width: 100%;} #info_content div.table .date { display: table-row; width: 100%;} #info_content div.table .category { display: table-row; width: 100%;} #info_content div.table .desc_label { display: table-row; width: 100%;} #info_content div.table .cell { display: table-cell; vertical-align: middle; } #info_content div.table .fill { width: 99%; padding-left: 0.3em;} #info_content div.table input { width: 99%; height: 1.5em; } #info_content div.table select { height: 1.5em; } #info_content div.table .left { float: left; } #info_content div.table button { float: left; background-size: 85% 85%; background-color: transparent; width: 1.2em; height: 1.2em; margin: 0; padding: 0; border: none; min-width: 0; min-height: 0;} #info_content div.table button:hover { background-color: rgba(81, 196, 196, .5); } #info_content div.desc_content { width: 100%; min-height: 80%; } #info_content div.desc_edit { width: 100%; height: 80%; } #info_content div.desc_edit textarea { width: 99%; height: 92%; } #info_content div.tags {} #info_content div.tags_edit {} #info_content div.messages {} #info_content div.item_msg > .caption button { float: right; background-size: 85% 85%; background-color: transparent; width: 1em; height: 1em; margin: 0; padding: 0; border: none; } #info_content div.item_msg > .caption button:hover { background-color: rgba(81, 196, 196, .5); } #info_content div.item_msg > .caption { font-size: .7em; } #info_content div.messages_edit { width: 100%; height: 80%; } #info_content div.messages_edit textarea { width: 99%; height: 92%; } #info_content div.buttons { float: right; } .dialog { font-size: .8em; } .dialog input[type=text] { width: 100%; } .dialog input[type=password] { width: 100%; } .dialog table { width: 100%; } .dialog select { width: 100%; } .dialog ul { list-style: none; } .dialog div.categories .col1 { width: 30%; } .dialog div.categories .col2 { width: 70%; } .invalid { background-color: red; } /*#info_content a:link, .info_content a:visited { color: black; text-decoration: none; } #info_content a:hover, .info_content a:active { background-color: var(--color14); } #info_content div.description { width: 100%; max-height: 68vh; overflow-y: auto; } #info_content div.indices { width: 100%; max-height: 7vh; overflow-y: auto; } #info_content table { width: 100%; table-layout: fixed; } #info_content table td.title { width: 23%; vertical-align: top; } #info_edit { font-family: var(--fonts-main); font-size: 1em; width: 100%; } #info_edit table { width: 100%; table-layout: fixed; } #info_edit table td select { width: 100%; } #info_edit input[type=text].title { width: 100%; box-sizing:border-box; margin-right: 0.3em; } #info_edit textarea.description { width: 100%; height: 47vh; box-sizing:border-box; margin-right: 0.3em; } #info_edit div.indices { width: 100%; max-height: 10vh; overflow-y: auto; } #info_edit form button { padding:3px 10px; background:#ccc; border:0 none; cursor:pointer; margin-top: 0.3em; font-size: 1em; } #info_edit form button:hover { background: var(--color18); } #info_edit form button.iconandtext img { width: 1.5em; height: 1.5em; vertical-align:middle; margin-right: 1em;} #info_edit form button.iconandtext { line-height: 1.5em; font-size: 1em;} #info_buttons { position: absolute; bottom: 1em; font-family: var(--fonts-main); font-size: 1em; } #info_buttons button { padding:3px 10px; background:#ccc; border:0 none; cursor:pointer; margin-top: 0.3em; font-size: 1em; } #info_buttons button:hover { background: var(--color18); } #info_buttons button.icon img { width: 2em; height: 2em; } #info_buttons button.iconandtext img { width: 1.5em; height: 1.5em; vertical-align:middle; margin-right: 1em;} #info_buttons button.iconandtext { line-height: 1.5em; font-size: 1em;} #info_buttons a.icon { padding:3px 10px; background:#ccc; border:0 none; cursor:pointer; display: inline-block; height: 2.4em; } #info_buttons a.icon:hover { background: var(--color18); } #info_buttons a.icon img { width: 2em; height: 2em; }*/ p.error { min-height: 3.5em; padding-left: 3.5em; background-image: url(images/icons/64/error.png); background-repeat:no-repeat; background-size: 2.5em 2.5em; background-position: 0.5em center; line-height: 3.5em; } p.message { min-height: 3.5em; padding-left: 3.5em; background-image: url(images/icons/64/info.png); background-repeat:no-repeat; background-size: 2.5em 2.5em; background-position: 0.5em center; line-height: 3.5em; } p.warning { min-height: 3.5em; padding-left: 3.5em; background-image: url(images/icons/64/warning.png); background-repeat:no-repeat; background-size: 2.5em 2.5em; background-position: 0.5em center; line-height: 3.5em; } div.warning { min-height: 3.5em; padding-left: 3.5em; background-image: url(images/icons/64/warning.png); background-repeat:no-repeat; background-size: 2.5em 2.5em; background-position: 0.5em center; } div.error { min-height: 3.5em; padding-left: 3.5em; background-image: url(images/icons/64/error.png); background-repeat:no-repeat; background-size: 2.5em 2.5em; background-position: 0.5em center; } div.info { min-height: 3.5em; padding-left: 3.5em; background-image: url(images/icons/64/info.png); background-repeat:no-repeat; background-size: 2.5em 2.5em; background-position: 0.5em center; display: flex; } div.info span.content { align-self: center; margin-right: 2em; } div.info div.close { height: .9em; width: .9em; background-image: url(images/icons/16/close.png); background-repeat:no-repeat; background-size: .9em; margin-top: .45em; } div.info div.close:hover { background-color: rgba(81, 196, 196, .5); }