* {margin:0px;padding:0px;} a { /* text-decoration:none;*/ color:inherit; } a:link,a:visited,a:active {text-decoration:none;color:#3af;} a:link img,a:visited img,a:active img {color:black;border:0;} a:hover {text-decoration:underline;} a.unstyled:link,a.unstyled:visited,a.unstyled:active {text-decoration:none;color:inherit;} .link:not(.white),.baloon .link {color:#3af;} .link:hover {text-decoration:underline;cursor:pointer;} .fichaespecie .link:hover {text-decoration:none;cursor:pointer;} .fichaespecie a:hover {text-decoration:none;color:#ff0} .fichaespecie span.link:not(.showtooltip):hover {color:#ff0} em {color:#5ef;font-style:normal;} p.emph {text-align:center !important;color:orange !important;font-size:12px;margin:0;padding:0} .clickme { text-decoration:underline; cursor:pointer; } ::-webkit-input-placeholder {color:#999;font-style:italic;} :-moz-placeholder {color:#999;opacity:1;font-style:italic;} ::-moz-placeholder {color:#999;opacity:1;font-style:italic;} :-ms-input-placeholder {color:#999;font-style:italic;} .unimportant {color:gray;font-style:italic;font-size:9px;} .link.unimportant {color:#3af;font-style:italic;font-size:11px;} .link.selected {color:inherit;font-style:inherit;font-size:inherit;cursor:auto;} .link.selected:hover {text-decoration:none;} html,body {background-color:#131313;color:#ccc;font-family:Arial,Verdana,Helvetica,sans-serif;font-size:12px;width:100%;height:100%;overflow:hidden;position:relative;} .nodisp {display:none;} span.info {font-size:0.7em; color:gray} #warnmsg {color:grey;font-size:0.8em;position:absolute;left:100%;margin-left:-320px;margin-top:3px;display:none;} /* GERAIS */ .ul,.ur,.br,.bl{position:absolute;width:12px;height:12px;} .ul {top:0px;left:0px;} .ur {top:0px;left:100%;margin-left:-12px;} .br {top:100%;left:100%;margin-left:-12px;margin-top:-12px;} .bl {top:100%;left:0px;margin-top:-12px;} .ul.s2,.bl.s2 {margin-left:-2px;} .ul.s2,.ur.s2 {margin-top:-2px;} .ur.s2,.br.s2 {margin-left:-10px;} .bl.s2,.br.s2 {margin-top:-10px;} .ul.white {background-image:url(./images/ul-12.png);} .ur.white {background-image:url(./images/ur-12.png);} .br.white {background-image:url(./images/br-12.png);} .bl.white {background-image:url(./images/bl-12.png);} .ul.black {background-image:url(./images/ul-b-1.png);} .ur.black {background-image:url(./images/ur-b-1.png);} .br.black {background-image:url(./images/br-b-1.png);} .bl.black {background-image:url(./images/bl-b-1.png);} @keyframes newFeatureRotate { 0% {transform: none;} 49% {transform: none;} 50% {transform: rotate(10deg) scale(1.1);} 51% {transform: rotate(-10deg) scale(1.1);} 52% {transform: none;} 100% {transform: none;} } .newfeature { position:relative; &:after { animation-name: newFeatureRotate; animation-duration: 12s; animation-iteration-count: infinite; position: absolute; top: -10px; font-weight: bold; left: 70px; color: #ff3131; content: 'Novo!'; } } .thumbnail {float:left;cursor:pointer;line-height:0;position:relative} .thumbnail:hover {background-color:black;outline:2px solid orange;} .thumbnail .threatcategory, .species .threatcategory { position:absolute; top:-3px; left:-3px; width:40px !important; height:40px !important; filter: drop-shadow(0px 0px 3px #000); } .thumbnail.big .threatcategory { width:60px; height:60px; } .identifica .thumbnail {margin:2px;width:150px;height:200px;position:static;} .exemplos:hover {text-decoration:underline;} /*********** ÁREA PESSOAL *********************/ #se-areapessoal {font-size:12px;width:100%;height:100%;} #menu-carrega {width:220px;font-size:10px;} #carregarregs .tabela-regs {display:none;} #carregarregs {width:800px;} #carregarregs h1 {font-size:1.2em;border-bottom:1px solid #999;padding:2px;text-align:left;color:#c5c;margin-bottom:5px;background-color:#fef;} #carregarregs h2 {margin-bottom:10px;} #carregarregs li {margin-bottom:6px;} #carregarregs table {border:1px solid black;width:95%;margin:0 auto;border-bottom:0;font-size:11px;} #carregarregs table th {background-color:#faf;padding:4px;border-left:1px solid gray;} #carregarregs table th.notobrig {background-color:#aaf;} #carregarregs table td {border-left:1px solid gray;padding:2px;text-align:center;} #carregarregs label {font-size:1.2em;} #se-areapessoal .mapa {float:left;width:20%;height:100%;} #se-areapessoal .info {background-color:#aa3;padding:4px;text-align:left;white-space:nowrap;overflow:hidden;border:2px solid #ff4;} #se-areapessoal .info .old {color:#555;} #se-areapessoal .info .new {color:black;font-weight:bold;} #se-areapessoal .controls {float:left;width:80%;background-color:#333;height:100%;text-align:left;overflow:auto;} #se-areapessoal .controls .toolbar {width:100%;background-color:#535;} #se-areapessoal .controls .toolbar input {vertical-align:bottom;} #se-areapessoal .controls .toolbar .button {max-width:140px;height:32px;border-right:1px solid #959;padding-left:8px;padding-right:8px;} #se-areapessoal .controls .toolbar .button img {width:32px;height:32px;float:left;} #se-areapessoal .controls .toolbar .info {padding:2px;background-color:#747;border:0;} /*#se-areapessoal .controls .toolbar.accoes .button {height:auto;}*/ #se-areapessoal .controls .holder {border:1px solid grey;margin:4px;padding:4px;} #se-areapessoal .controls p {margin:6px;text-align:left;} #se-areapessoal .filtro {background-color:#003;padding:2px;margin-top:6px;margin-bottom:6px;} #se-areapessoal .filtro input {vertical-align:bottom;font-size:0.8em;} #se-areapessoal .paginas {padding:2px;margin-top:6px;margin-bottom:6px;} #se-areapessoal .paginas .page {width:16px;} #se-areapessoal table.lista {width:100%;margin-top:7px;font-size:0.8em;} #se-areapessoal table.lista th {cursor:pointer;background-color:#535;} #se-areapessoal table.lista th:hover {background:url('images/gr-v-36-lil.png') repeat-x;} #se-areapessoal table.lista th {padding:4px;background-color:#474;} #se-areapessoal table.lista td {text-align:left;height:20px;padding:0;margin:0;} #se-areapessoal table.lista td.nobreak {white-space:nowrap;} #se-areapessoal table.lista td.mes,#se-areapessoal table.lista td.dia {text-align:center;} #se-areapessoal table.lista td.idreg {color:#aaa;cursor:pointer;} #se-areapessoal table.lista tr:hover {background-color:black;} #se-areapessoal table.lista tr .validacao img.valid {display:none;} #se-areapessoal table.lista tr .validacao span.review {display:none;color:#0f4;font-size:0.7em;} #se-areapessoal table.lista tr .validacao span.invalid {display:none;color:red;} #se-areapessoal table.lista tr .validado img {cursor:pointer;} #se-areapessoal table.lista tr.invalid {background-color:#600;} #se-areapessoal table.lista tr.valid .validacao img.valid {display:block;} #se-areapessoal table.lista tr.review .validacao span.review {display:block;} #se-areapessoal table.lista tr.review .validacao img.valid {display:block;} #se-areapessoal table.lista tr.invalid .validacao span.invalid {display:block;} /*#se-areapessoal table.lista tr.review {background-color:#110;}*/ #se-areapessoal table.lista tr.modified {background-color:#004;font-style:italic;} #se-areapessoal table.lista tr.selected {background-color:yellow;color:black;} #se-areapessoal table.lista tr.remove td {color:#f00;text-decoration:line-through;} #se-areapessoal table.lista tr.separator td {border-top:5px solid #ae0;} #se-areapessoal table.lista tr.escondido {display:none;} #se-areapessoal table.lista tr.outofpage {display:none;} #se-areapessoal table.lista .accoes img.delete {cursor:pointer;float:left;} #se-areapessoal table.lista .accoes img.delete:hover {background-color:#090;} #se-areapessoal table.lista .accoes .gravar {display:none;} #se-areapessoal table.lista tr.modified .gravar {display:block;} /*#se-areapessoal table.lista tr.valid {background-color:#080;}*/ #se-areapessoal table.lista td.editable {cursor:pointer;} #se-areapessoal table.lista td.editable:hover {background:url('images/gr-v-36-lil.png') repeat-x;} #se-areapessoal table.lista td.editable input {font-size:0.9em;margin:0;padding:0;} /*#se-areapessoal table.lista td span.invalid {color:red;}*/ #se-areapessoal table.lista td img {vertical-align:middle;width:20px;} .detalheregisto {width:400px;} .detalheregisto h1 {font-size:1.2em !important;border-bottom:1px solid #999;padding:2px;text-align:left;color:#c5c;margin-bottom:5px;background-color:#fef;cursor:move;} .detalheregisto table {width:100%;} .detalheregisto table th {background-color:#ddd;} .detalheregisto table td {padding:2px;border-right:1px solid gray;} .detalheregisto table .header {background-color:#ddd;} .detalheregisto table input {font-size:0.9em;padding:0;margin:0;width:98%;} .detalheregisto .button {margin:0 auto;float:none;width:120px;font-size:1.1em;} .detalheregisto .button img {width:32px;height:32px;} /*********** JANELA *********************/ .janela {position:absolute;background-color:white;padding:6px 12px 12px 12px;color:black;font-size:13px;line-height:1.5em;border:2px solid gray;z-index:3000;border-radius:15px;} .janela .toolbar {background-color:#cfe;} .janela .toolbar .button {font-size:11px;} .janela .closewindow {position:absolute;cursor:pointer;left:100%;top:0;margin-left:-22px;margin-top:4px;} .janela h1 {font-size:16px;font-weight:normal;margin-bottom:12px;border-bottom:1px solid grey;padding-bottom:4px;} /*f8f*/ .janela h2 {font-size:13px;font-weight:normal;color:orange;margin-top:3px;} .janela p {margin-top:8px;color:#444;text-align:justify;} .janela ul,.janela ol {font-size:13px;padding:8px 0 8px 16px;margin-top:8px;} .janela ul.small {font-size:11px;} .janela li {margin-top:4px;} .janela ul.small li {margin-top:2px;} .janela.small {padding:3px;border:2px solid black;border-radius:7px;} .janela.small h1 {margin-bottom:3px;} .janela.small h2 {margin-top:0px;padding:0;} .janela.semnada {padding:0;border:0;} .janela .mosaico {width:100%;} .janela .mosaico .azulejo {background-color:#f8f8f8;text-align:center;border:1px solid #ddd;padding:5px;vertical-align:top;border-radius:10px;} .janela .mosaico .azulejo p {margin:0 0 5px 0;font-weight:bold;color:#d70;} .janela .mosaico .azulejo span {cursor:pointer;} .janela .mosaico .azulejo span:hover {text-decoration:underline;} /*********** JANELA MAPA PESQUISA *********************/ .janela.pesquisaavanc {position:absolute;padding:6px 12px 12px 12px;color:white;z-index:3000;background-color:transparent;border:0} .janela.pesquisaavanc .button {padding:2px 3px;margin:4px 0 4px 2px;border-radius:5px;position:fixed;top:0;left:0;} .janela.pesquisaavanc .button img {width:32px;height:32px;float:left;margin:0;} .janela.pesquisaavanc h1 {color:orange;} .janela.pesquisaavanc p {color:#ccc;} /*.janela.pesquisageo .back {background-color:white;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;border-radius:15px;}*/ .janela.pesquisageo .titulo {font-size:14px;} .janela.pesquisageo .desc {color:yellow} .noselect {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;} #floracaoglobal {width:200px;height:70px;margin:3px auto 0 auto;padding:0px;cursor:pointer;} #floracaoglobalgrande {width:60%;height:140px;margin:40px auto;border:0px solid #35c;padding:0px;cursor:pointer;} #mappicker {width:100%;height:400px;margin:40px auto;} /*********** DICA *********************/ #dica-text {padding:10px;margin:0 auto;max-width:800px;} #dica-text .content {border:0px solid #777;border-radius:6px} /* The right mosaic, with shortcuts NOTE: some of the CSS is in the theme files (theme-default.css and eventualy theme-.css */ .mosaico>h1 {font-weight:normal;font-size:1.5em;font-family: 'Lato', sans-serif;} .mosaico .content {display:flex;flex-wrap:wrap;padding:0;margin-top:10px;} .mosaico .content .azulejo.onlyimage {flex:1 0 auto !important;line-height:0;padding:0;align-self:center;overflow:hidden;} .mosaico .content .azulejo.nobox {background-color:transparent; box-shadow: none;} .mosaico .content .azulejo.grande {flex:1 1 auto;} .mosaico .content .azulejo.keeplineheight {line-height:initial;} .mosaico .content .azulejo h1 a {color:inherit;} .mosaico .content .azulejo ul {list-style:none;} .mosaico .content .azulejo li {margin:0.8em 0;text-indent:-10px;padding-left:10px;line-height:1.2em} .floatingbox {background-color:#171717;box-shadow:0 0 20px black;border-radius:5px;} #mosaico-rnap {position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:3000;background-color:rgba(0,0,0,0.85);transition:opacity 0.5s,transform 0.3s;visibility:visible;opacity:1;transform:scale(1,1)} #mosaico-rnap.mosaico>h1 {font-weight:normal;font-size:2.5em;font-family: 'Lato', sans-serif;text-align:left} #mosaico-rnap.hidden {opacity:0;visibility:hidden;transform:scale(1.2,1)} #mosaico-rnap .content {align-items:stretch;align-content:center;margin:0;min-height:100%} #mosaico-rnap .azulejo {background-color:rgba(0,100,255,0.95);border-radius:2px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:2.1em;margin:5px;flex:1 1 auto;cursor:pointer;font-family: 'Lato', sans-serif;box-shadow:none;max-width:300px;} /*#mosaico-rnap .azulejo:hover {background-color:#111;}*/ #mosaico-rnap .azulejo a {color:white;padding:0;} /*.mosaico .content .azulejo a {display:inline-block;}*/ #corrector { position:relative; top: 10%; margin: 0 auto; max-width: 400px;} #corrector table {margin:6px auto;} #corrector table td {border-top:1px solid gray;border-right:1px solid gray;border-left:1px solid gray;padding:3px;} /*********** LOGIN *********************/ #login-wnd {width:300px;} #login-wnd input {width:120px;} #formlogin table {width:100%;} #loggeduser {position:fixed;top:0;left:0;z-index:0;background-color:white;height:16px;width:100%;color:black;} #loggeduser p {text-align:right;padding-right:6px;} /*#se-pesquisar .ecologia .thumbnail {height:288px;}*/ /*.thumbnail .image {width:100%;}*/ /*.ecologia .thumbnail .image {width:150px;}*/ /*#se-pesquisar .thumbnail.big {width:300px;height:422px;}*/ /*#se-pesquisar .ecologia .thumbnail.big {width:300px;height:488px;}*/ #se-pesquisar .thumbnail.big .wrap {width:300px;height:389px;overflow:hidden;margin:3px 3px 0 3px;} #se-pesquisar .thumbnail.small .wrap {width:150px;height:200px;overflow:hidden;margin:4px 4px 0 4px;} #se-pesquisar .thumbnail img.image {color:gray; text-align:center; line-height:50px;object-fit:cover; object-position:50% 0%;} #se-pesquisar .thumbnail.small .image {width:150px;height:200px;margin:0px 0px 0 0px;} #se-pesquisar .thumbnail.big .image {width:312px;height:416px;object-fit:cover;object-position:50% 20%;} #se-pesquisar .thumbnail.big .image.small {width:150px;height:200px;float:left;} /*.thumbnail .image {width:150px;height:200px;}*/ /*.thumbnail.big .image {width:auto;height:415px;}*/ .placeholder {text-align:center;float:left;background-color:black;} .small .placeholder {width:150px;height:200px;margin:0;float:none;} .big .placeholder {width:300px;height:400px;} .big .placeholder.small {width:150px;height:200px;} .placeholder .loader {width:32px;height:32px;margin:40% 0 0 0px;} .big .placeholder .loader {width:32px;height:32px;margin:60% 0 0 -16px;} /*.thumbnail.big .placeholder.small {float:left;width:150px;height:200px;} .thumbnail.big .placeholder.small {width:150px;height:200px;}*/ /*.rotate {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}*/ #veu { display:none; background-color:black; position:fixed; top:0;left:0; width:100%;height:100%; z-index:2999; } #warning { display:none; background-color:white; position:fixed; width:250px; border:4px solid black; top:50%; left:50%; color:black; text-align:center; vertical-align:middle; padding:6px 6px; margin:-50px 0 0 -100px; z-index:51; cursor:default; } #tooltip,.tooltip { position: absolute; z-index: 3000; border:2px solid #8c92ff; border-radius:5px; color:black; background-color: #eee; padding:4px 8px; opacity: 1; font-size:1.35em; text-align:justify; max-width:350px; } #tooltip h3,#tooltip div,.tooltip h3,.tooltip div,.baloon h3 {margin: 0 0 4px 0;font-size:1.1em;font-weight:normal;} #tooltip h3,.tooltip h3 {border-bottom:2px solid #8c92ff} #tooltip div,.tooltip div {color:#333;font-size:0.9em;font-weight:normal;} .tooltip img {width:150px;height:150px;float:left;margin:3px;} .floatinfo {display:none;position:absolute;width:210px;height:60px;z-index:50;overflow:hidden;} .floatinfo-el {display:none;position:absolute;background-color:#800;width:200px;height:38px;text-align:center;border:2px solid black;} .floatinfo-el p{margin:3px;font-size:0.8em;} .button { float:left; font-size:9px; cursor:pointer; text-align:center; padding:3px 5px 2px 2px; margin-top:1px; transition:background-color 0.3s,box-shadow 0.3s; } .buttonquadro { cursor:pointer; color:#3af; margin:8px 0; font-size:0.9em; } .buttonquadro:hover {text-decoration:underline;} .button.big {padding:0 3px!important;background-color:#3ad;border-radius:3px;text-align:center;font-size:11px;margin:2px;} .button.big img {width:24px;height:24px;margin:2px;} .button.inactive {cursor:default;color:#ccc;} .button img {width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:3px;margin-top:-1px;} /*.button:hover {background:url('images/gr-v-36-lil.png') repeat-x;}*/ .button:hover {background-color:#8130f3 !important;box-shadow:-3px -3px 30px 0px #222 inset;} .button.inactive:hover {background:none;} .button.pressed {background-color:#3b5;box-shadow:0px 0px 30px 5px #048 inset} .toolbar.big .button img {width:32px;height:32px;} #mainflex {} /*********************** BARRA LATERAL **********************************/ #leftc-1 { /* position:absolute; top:0; left:-166px; width:166px; height:100%;*/ z-index:2000; border-right:3px solid #8c92ff; transition:left 0.4s; width:166px; left:0; height:100%; position:fixed; } #mainflex.contracted #leftc-1 {width:166px;left:-166px} #mainflex.contracted #rightc {left:0px;} /*#mainflex:not(.contracted) #leftc-1 {left:0} #mainflex:not(.contracted) #rightc {left:166px}*/ #rightc { position:absolute; top:0;left:164px;right:0; height:100%; transition:left 0.4s; } #leftc-1 .puxador {top:100%;left:161px;margin-top:0px;} /*.puxador {position:absolute;width:32px;height:175px;background:url('./images/exploradortax.png') no-repeat;cursor:pointer;display:none;}*/ .puxador { position:absolute; white-space:nowrap; padding:6px 14px 4px 8px; font-size:1.5em; cursor:pointer; border-right:3px solid #8c92ff; border-bottom:3px solid #8c92ff; background-color:#224; border-bottom-right-radius:30px; transform: rotate(-90deg);transform-origin:left top 0; letter-spacing:2px; } #containerleft { width:100%; /* height:10px;*/ height:100%; overflow:hidden; position:relative; background-color:#224; } #containerleft .logo {width:166px;height:47px;margin:4px 6px 0 -7px;cursor:pointer;} #containerleft .logo img {width:166px;height:47px;margin:0;cursor:pointer;} #pesquisa-outer {width:100%;} #pesquisa-outer input {background-color:white;font-size:1.25em;border:0;width:94%;color:black;margin:1%;border-radius:3px;padding:2%} #pesquisa-outer img {width:12px;height:12px;vertical-align:middle;cursor:pointer;} #pesquisa-outer img:hover {background-color:#449;} /* teclado */ #filtro-holder { /* font-size:0.9em; background:url(./images/path4107.png) 0px -10px;*/ background-color:#449; width:100%; color:white; /* border-bottom:2px solid #55a;*/ } #filtrotaxon {height:20px;} #filtrotaxon span.selectable {margin:3px;padding:0 3px;font-size:0.9em;width:42px;font-weight:bold;} #teclado {height:33px;margin-left:3px;} /* filtros */ .filtro span {text-align:center;float:left;} .filtro span.selectable {cursor:pointer;} .filtro span.letra {width:10px;height:13px;font-size:0.9em;margin:1px;} /*.filtro span.todas {color:yellow;width:10px;height:16px;}*/ .filtro span.selected {background-color:#3cf;color:black;border-radius:3px;} .filtro span.selectable:hover {background-color:white;color:black;} /*.filtro span.selectable {margin:1px;padding:0 3px;}*/ /*********************** TAXTREE **********************************/ #taxtree-holder {width:100%;} /*#taxtree-holder .scrollbar {width:12px;height:100%;float:left;position:relative;margin-left:-12px;background-color:#224;} #taxtree-holder .scrollbar .cursor { width: 8px; height: 81px; position: absolute; display: none; background: white; border-radius: 4px; margin: 2px; } */ #taxtree { height:100%; overflow-x:hidden; overflow-y:auto; font-size:1em; width:166px; float:left; } @media (min-width: 450px) { /* width */ #taxtree::-webkit-scrollbar {width: 6px;} /* Track */ #taxtree::-webkit-scrollbar-track {background: #224;} /* Handle */ #taxtree::-webkit-scrollbar-thumb {background: #888;border-radius:3px;} #taxtree::-webkit-scrollbar-thumb:hover {background: #bbb;} } #taxtree ul ul {list-style:none;margin-left:10px;} #taxtree li { margin:0px; padding:2px 2px 3px 3px; cursor:pointer; color:white; background-color:#224; font-family: 'Ubuntu Condensed', sans-serif; font-size:16px; position:relative } #taxtree li.loading {background-color:blue;font-style:italic;} #taxtree ul.nivel1 li{margin-bottom:2px;text-transform:uppercase;font-weight:bold;} #taxtree ul.nivel2 li{margin-bottom:0;text-transform:uppercase;font-weight:normal;padding-bottom:5px;padding-top:5px} #taxtree ul.nivel2 li ul.nivel3 {margin-top:2px;} #taxtree ul.nivel3 li{border-left:1px solid #999;border-bottom:0;text-transform:none;padding-bottom:5px;padding-top:5px} #taxtree ul.nivel4 li{border-left:1px dashed gray;font-size:1em;} #taxtree ul.nivel5 li{border-left:1px dashed gray;} #taxtree ul.nivel4 {margin-top:3px;} #taxtree ul.nivel2 li.endempt::after, #taxtree ul.nivel3 li.endempt::after, #taxtree ul.nivel4 li.endempt::after {content: '\002B24'; color: #0f0;font-size: 0.75em;position:absolute;top:6px;right:2px;} #taxtree ul.nivel2 li.exotica::after, #taxtree ul.nivel3 li.exotica::after, #taxtree ul.nivel4 li.exotica::after {content: '\002B24'; color: #f00;float: right;font-size: 0.75em;position:absolute;top:6px;right:2px;} /*#taxtree ul.nivel2 li.endempt {background:#224 url('./images/circlebut-g.png') no-repeat right 3px;} #taxtree ul.nivel3 li.endempt {background:#224 url('./images/circlebut-g.png') no-repeat right 3px;} #taxtree ul.nivel4 li.endempt {background:#224 url('./images/circlebut-g.png') no-repeat right center;} #taxtree ul.nivel2 li.exotica {background:#224 url('./images/circlebut-r.png') no-repeat right 3px;} #taxtree ul.nivel3 li.exotica {background:#224 url('./images/circlebut-r.png') no-repeat right 3px;} #taxtree ul.nivel4 li.exotica {background:#224 url('./images/circlebut-r.png') no-repeat right center;}*/ #taxtree ul.nivel1 li:hover{background-color:#0ad;} #taxtree ul.nivel2 li:hover{background-color:#a4a;} #taxtree ul.nivel3 li:hover{background-color:#224;outline:2px solid #f66;z-index:100} #taxtree ul.nivel4 li:hover{text-decoration:underline;outline:0;} /*#taxtree ul.nivel5 li:hover{background-color:#fff;color:black;}*/ #taxtree ul.nivel4 li.selected {background-color:orange;color:black !important;border-radius:5px;} #taxtree li.semfoto,#taxtree li.semfoto li {font-weight:normal;color:#fa0 !important;} #taxtree li.old,#taxtree li.old li,#taxtree li.semfoto.old,#taxtree li.semfoto.old li {font-weight:normal;color:#888 !important;} /* conteúdos */ /*********************** CAIXAPESQUISA **********************************/ .logo {margin-bottom:8px;} #sidebar .logo {margin-bottom:0;} /*.identinter {background:url('./images/text4304-3.png') no-repeat;width:99px;height:36px;margin:-30px 10px 0 auto;cursor:pointer;}*/ .identinter {width:99px;height:36px;margin:-30px 10px 0 auto;cursor:pointer;} .identinter img {width:99px;height:36px;} .resultados .botoesgrandes {margin:0 4px 0 0;padding:0 8px;display:inline-block} #pesquisa-big {text-align:center;} #dica {color:#ccc;font-style:italic;font-size:1em;text-align:center;margin:8px 16px;line-height:1.4em} /*** BIG ****/ #caixapesquisa {text-align:center;line-height:normal;} #caixapesquisa .logo img {width:565px; height:161px;display:inline-block;margin-top:5%} #sidebar #caixapesquisa .logo img {width:400px; height:114px;margin-top:0;} @media (max-width: 740px) { #caixapesquisa .logo img {width:75%;height:auto;} #sidebar #caixapesquisa .logo img {width:85%; height:auto;} } #caixapesquisa #atalhos>div {font-size:2.3em;font-family: 'Lato';display:inline-block;margin: 0 12px 6px 12px;} #caixapesquisa #atalhos>div.umasoarea {font-size:2.5em;} #caixapesquisa #atalhos>div:not(.dimmed) {color:#fff;} #caixapesquisa #atalhos>div.dimmed {color:#999;font-size:1.4em;} #caixapesquisa #atalhos>div img {width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;margin-right:8px} #caixapesquisa #atalhos>div a, #caixapesquisa #atalhos>div span {vertical-align:middle;} #caixapesquisa #atalhos sup, #caixapesquisa #atalhos sup a:link, #caixapesquisa #atalhos sup a:active {color: #f44336; font-size:0.6em; font-weight:bold} #caixapesquisa .pesquisa-outer {background-color:white;border-radius:7px;padding:0;margin:0 10% 5px 10%;display:flex;align-items:stretch;overflow:hidden;} #caixapesquisa .pesquisa-outer img {cursor:pointer;flex:0 0 auto;align-self:center;} #pesquisa-button {border:none;background-color:#57f;font-weight:bold;font-family: 'Lato', sans-serif;color:white;margin:0;padding:0 6px;cursor:pointer} #q {padding:3px;border-radius:8px;margin:3px 5px;border:0px;background-color:white;font-size:14px;flex:1 0 auto} #caixapesquisa #fotosdia { margin-top:14px; overflow:hidden; } /*#caixapesquisa .fotosdia {display:none;}*/ #caixapesquisa #fotosdia img {margin:0px 3px 12px 3px;cursor:pointer;width:100px;height:133px;} #pesquisa-wrap {display:flex;flex-wrap:wrap;flex-direction:row;font-size:1.3em;transition:background-position 0.4s;} #pesqleft {flex:5 1 500px;} /*********************** SIDEBAR **********************************/ #sidebar {flex:1 1 440px;margin-top:10px;} #sidebar .content {display:flex;flex-wrap:wrap;justify-content:space-around;} #sidebar div.azulejo {margin:0 15px 20px 15px;flex:1 1 160px;/*max-width:200px;*/} #sidebar div.azulejo.grande {flex:1 1 auto !important;max-width:initial;} #sidebar div.azulejo.fullwidth {flex:1 1 100% !important;max-width:initial;} #rodape {flex:1 0 100%;text-align:center;margin-top:32px;color:#aaa;} #foto-rodape {flex:1 0 100%;display:flex} #foto-rodape div {flex:1 1 200px;aspect-ratio:1} #foto-rodape div img {width:100%; height:100%; object-fit:cover} /*********************** NOVIDADES **********************************/ .bannernovidades {margin:20px 0 40px 0;} #sidebar .bannernovidades {display:none;} /*#novidadesnumeros.mosaico .content .azulejo {text-align:center;line-height:inherit;}*/ .bannernovidades h1 {text-align:center;color:#333;font-family: 'Lato', sans-serif;letter-spacing:1px;font-size:18px; margin-top:20px;} div.newsbox {display:inline-block;padding:0px 10px;margin:0 0px;} div.newsbox:hover .howmany {transform:scale(1.2,1.2)} div.newsbox em {color:#fffd56;font-style:normal;font-weight:bold} div.newsbox .when {color:#ffad26;text-transform:uppercase;font-family: 'Lato', sans-serif;letter-spacing:2px;} div.newsbox .howmany {font-size:2em;transition:transform 0.1s;font-family: 'Lato';font-weight:bold; line-height:initial} div.newsbox .legend {font-size:0.8em;color:#ccc;} div.newsbox .legend a {color:#ccc;} /*********************** SUGESTOES **********************************/ #sugestoes-wrap {z-index:50;margin:0 10%;display:none;} #caixapesquisa.small #sugestoes-wrap { position:absolute; left:160px; } #caixapesquisa #sugestoes { text-align:left; overflow:hidden; border-left:2px solid white; margin-left:25px; font-size:1em; } #sugestoes div {cursor:pointer;margin:0 0 0 4px;height:18px;} /*#separadores {width:100%;height:100%;position:absolute;}*/ #separadores {height:100%;padding-left:4px} #pesquisa-content,#quadro-wrap {margin:0 0px 0 0px;padding:0 0px;} #pesquisa-content {flex:1 1 0} .separador { width:100%;height:100%; display:none; } .separador.selected{display:block;} /*********************** FICHA ESPECIE **********************************/ /*#pesquisa-content.fichaespecie {margin:4px 0 0 3px;}*/ .baloon {position:absolute;background-color:transparent;padding:0;border:0 !important;} .baloon .closewindow {margin-left:-20px;margin-top:-4px;} /*#detalhe-registo a:link,#detalhe-registo a:visited,#detalhe-registo a:active {text-decoration:none;color:#a4f;}*/ .baloon a:hover {text-decoration:underline;} .baloon .content {position:absolute;color:white;} .baloon h1 {border:0;color:yellow;} .baloon.white h1 {color:black;} .baloon.white p {color:black;} .baloon p {color:white;} .baloon .reg-holder {overflow:hidden;} /*#detalhe-registo .loader {display:block;margin:10px auto;} #detalhe-registo .closewindow {margin-top:0;margin-left:-20px;}*/ .baloon ul {font-size:13px;padding:4px 0 8px 32px;margin-top:2px;} .baloon .registos-table-holder {max-height:200px;overflow:auto;} .baloon table.registos {width:100%;margin-top:-6px;} .baloon table.registos th {text-align:center;border-bottom:1px solid grey;font-size:10px;} .baloon table.registos td {font-size:0.85em;line-height:1.3em;} .baloon table.registos .data {text-align:center;width:30px;} .baloon table.registos tr:hover td {background-color:black;} .baloon textarea {font-size:10px;background-color:white;border:0;border-radius:6px;padding:2px;margin:2px;font-family:sans-serif;} .showtooltip {cursor:default;} #ficha-header .header-block {display:inline-block;padding:3px 6px;margin:0 6px;box-shadow:0 0 8px black;border:2px solid black;border-radius:5px;background-color:#222;overflow:hidden} #ficha-header .header-block.no-padding {padding:0;} #ficha-nomesp {font-size:2.4em;padding-bottom:3px;padding-left:4px;color:#ffad26;font-family: 'Lato', sans-serif;font-weight:normal} #ficha-nomesp .especie {font-style:italic;} .old #ficha-nomesp {color:gray} .old #ficha-highertax, .old #ficha-luazma, .old#ficha-details {filter:grayscale(1)} #ficha-nomesp .subespecie {font-size:0.7em;font-style:italic;} #ficha-nomesp .subespecies {font-size:0.6em;display:inline-block;padding-left:8px; color:white;} #ficha-nomesp .subespecies span {display:inline-block;} #ficha-nomesp .subespecies a.invalid {color:gray} #ficha-nomesp .autor {font-style:normal;color:#999;font-size:0.5em;} #ficha-nomesp .sensu {font-style:normal;color:#fff;font-size:0.5em;} #ficha-nomesp .disclaimer {font-style:normal;color:yellow;font-size:0.4em;} #ficha-highertax {font-size:1em;padding-left:0.5em} #ficha-highertax span {display:inline-block;} #ficha-highertax span.greaterthan {color:white;} #ficha-luazma {margin:3px 0;} #ficha-luazma div {display:inline-block} #ficha-luazma div.territ {font-weight:bold;padding:3px 6px;} #ficha-luazma div.territ.INEXISTENT {font-weight:normal;} #ficha-luazma div.estatutoendem {} #ficha-luazma div.estatutoendem.ENDEMIC {color:#0f0;background-color:#0c0;color:black;} #ficha-luazma div.estatutoendem.NEAR_ENDEMIC {color:#0f0;background-color:#050;} #ficha-luazma div.estatutoendem.NATIVE {color:#0f0;} #ficha-luazma div.estatutoendem.MULTIPLE_NATIVE_STATUS {color:#0f0;} #ficha-luazma div.estatutoendem.EXOTIC {color:#f00;} #ficha-luazma div.estatutoendem.ARCHAEOPHYTE {color:yellow} #ficha-luazma div.estatutoendem.NEOPHYTE {color:#f00;} #ficha-luazma div.estatutoendem.APOPHYTE {color:#7f0;} #ficha-luazma div.estatutoendem.DIAPHYTE {color:yellow;} #ficha-luazma div.estatutoendem.ASSUMED_NATIVE {color:yellow;} #ficha-luazma div.estatutoendem.DOUBTFULLY_NATIVE {color:#bf0;} #ficha-luazma div.estatutoendem.NATIVE_REINTRODUCED {color:yellow;} #ficha-luazma div.estatutoendem.EXOTIC_REINTRODUCED {color:#f80;} #ficha-luazma div.estatutoendem.ASSUMED_EXOTIC {color:#f40;} #ficha-luazma div.estatutoendem.DOUBTFULLY_EXOTIC {color:#f80;} #ficha-luazma div.estatutoendem.EXISTING {color:white;} #ficha-luazma div.estatutoendem.MULTIPLE_STATUS {color:white;} #ficha-luazma div.estatutoendem.CRYPTOGENIC {color:blue;} #ficha-luazma div.CASUAL {color:white} #ficha-luazma div.NATURALIZED_OCCASIONAL {color:yellow} #ficha-luazma div.NATURALIZED_DANGEROUS {color:red} #ficha-luazma div.INVASIVE {background-color:red;color:black} #ficha-luazma div.TRANSFORMER {background-color:red;color:yellow;font-weight:bold} img.raritytags {float:right; margin: 6px 6px 0 6px; width:70px; height:70px} img.raritytags.last {margin-left:0} #fotochooser {text-align:left;overflow:hidden;margin-bottom:20px;} .fichaespecie .thumbnail:hover {outline:2px solid orange;} .fichaespecie .thumbnail {margin:0 4px 4px 0;overflow:hidden;border-radius:3px;} .ficha-seccao {font-size:1.3em;padding-bottom:4px;margin-bottom:0px;margin-top:3px;} /*display:flex;justify-content:space-between;*/ .ficha-seccao h1 {font-weight:bold;font-size:1.3em;font-family: 'Lato', sans-serif;border-bottom:2px solid #222;padding-bottom:4px;margin-bottom:1px;color:white} #ficha-details {display:flex;flex-wrap:wrap;align-items:stretch;font-size:1.2em;} #ficha-details .noimp {color:#777;font-weight:normal;font-size:0.5em;font-style:italic;} #ficha-details .fic-detalhe {margin-bottom:20px;} #ficha-details .fic-detalhe ul {margin-left:1em} #mapa-holder {flex:1 1 300px;display:flex;flex-direction:column;} #info-mapa {flex:2 0 630px;display:flex;align-items:stretch;border-radius:5px;overflow:hidden} #distribuicao {flex:1} #mapa-holder img.mapa-estatico {width:100%;min-width:613px} #fic-ecologia {flex:1 1 250px;} #detalhes-especie {flex:1 1 300px;} #detalhes-especie .fic-detalhe .button img {width:32px;height:32px;} #ficha-details>div {padding:2px 8px 8px 8px;margin:0 6px 20px 6px;} #ficha-details .head {font-weight:bold;font-family: 'Lato', sans-serif;border-bottom:0px dotted #333;margin-bottom:0px;font-size:1.2em;color:#ffad26;padding-bottom:2px;} #ficha-details h2 {font-weight:bold;font-family: 'Lato', sans-serif;border-bottom:0px dotted #333;margin-bottom:4px;font-size:1em;color:white;padding-bottom:2px;} #ficha-details #bio-grafico1,#ficha-details #bio-grafico2 {display:inline-block;width:49%} #ficha-details p {margin-bottom:0.8em;} #ficha-details .fic-detalhe .subtitle {font-weight:bold;} #detalhes-especie svg.bioclimaplot {width:100%;display:inline-block;min-width:140px;max-width:250px;} .fichaespecie #altitude {max-width:350px;height:24px;margin:8px 0 0 0;} /* width:280px; */ .fichaespecie #precipitacao {height:24px;margin:8px 0 0 0;} .fichaespecie #latitude {height:24px;margin:8px 0 0 0;} .fichaespecie #distmar {max-width:350px;height:24px;margin:8px 0 0 0;} .fichaespecie #floracao {max-width:350px;height:32px;margin:8px 0 -8px 0;} .fichaespecie #dispersion {max-width:350px;height:32px;margin:8px 0 -8px 0;} .fichaespecie .toolbar {background-color:#046;} .fichaespecie .toolbar .button {font-size:12px;} .leaflet-container .toolbar {background-color:transparent;} .leaflet-container .button {padding:0;margin:-9px 0 0 -12px} .leaflet-container .button:hover {background:none;} .leaflet-container .button img {width:36px;height:36px;display:inline-block;vertical-align:middle;} .fichaespecie tr.footer td {padding:6px;vertical-align:top;} .descarregarmapa textarea {width:95%;font-size:10px;word-wrap:break-word;text-wrap:unrestricted;background-color:transparent;color:white;border:1px solid gray;overflow:auto;} .quote {font-size:12px;line-height:1.5em;overflow:auto;padding:0 4px;border-left:1px dashed gray;} #osdviewer-wrap {position:fixed;top:0;left:0;width:100%;height:100%;display:none;background-color:rgba(0,0,0,0.9);z-index:3000} #osdviewer-wrap #osdviewer {position:absolute;width:100%;height:100%;top:0;left:0;} #osdviewer-wrap div.overlay {position:absolute;z-index:3001;} #osdviewer-wrap #osdlegend {right:0;bottom:0;padding:4px 6px 0px 6px;background-color:rgba(0,0,0,0.4);border-top-left-radius:12px;text-align:right;line-height:175%} #osdviewer-wrap #osdlegend h1 {font-weight:normal;font-size:1.3em} #osdviewer-wrap #osdlegend p.comment {color:yellow;max-width:250px} #osdviewer-wrap #osdlicense {right:0;top:0;} #osdviewer-wrap #osdlogo { left:-1%; bottom:0; padding:0; max-width:242px; width:30% } #osdviewer-wrap #osdlogo img {width:100%} #osdviewer-wrap #osdtoolbar {background-color:rgba(0,0,0,0.4);border-bottom-right-radius:12px;padding:4px} #osdviewer-wrap #osdtoolbar .button {display:inline-block;float:none;} #osdviewer-wrap #osdtoolbar .button:hover {background-color:transparent !important;box-shadow:none;} #osdviewer-wrap #osdtoolbar .button img {width:32px;height:32px;margin:0;} @media (max-width: 450px) { #osdviewer-wrap #osdtoolbar {width:100%;} #osdviewer-wrap #osdtoolbar {text-align:center} #osdviewer-wrap #osdlegend {width:100%;} #graficos svg {width:100% !important;min-width:auto !important;} #se-bioclima .detalhes {display:none;} #caixapesquisa #fotosdia img {width:50px;height:76px;} #caixapesquisa .pesquisa-outer {margin:0 1% 5px 1%;} #se-pesquisar .thumbnail.small .wrap {width:150px;height:200px;overflow:hidden;margin:2px 2px 0 2px;} #se-pesquisar .thumbnail.big .wrap {width:300px;height:400px;overflow:hidden;margin:2px 2px 0 2px;} #se-pesquisar .thumbnail.big .image {width:312px;height:416px;margin:0px 0px 0 0px;object-fit:cover;object-position:50% 20%;} /* #se-pesquisar .thumbnail.big .image.small {width:75px;height:100px;}*/ .resultados .thumbnail.big .legenda{width:147px !important;font-size:10px !important;font-weight:normal !important;} #webgis-camadas,#webgis-camadas-wrap {display:none;} .toptoolbar .limparmapa {margin-right:0 !important;} #mosaico-rnap.mosaico>h1 {font-size:1.5em;} #rightc {left:0;} .puxador {padding:10px 14px 8px 8px;font-size:1.6em;} #teclado {display:none;} /* #mainflex #leftc-1 {width:166px;left:-166px} #mainflex #rightc {left:0;}*/ } .editar {position:absolute;border:2px solid red;cursor:pointer;background-color:green;} .editar p {text-align:center;color:#0f0;font-weight:bold;font-size:14px;} .editar textarea {font-size:11px;width:100%;height:201px;border:0;margin:0;padding:0;} .editar textarea.blocked {color:gray;background-color:#ccc;} .editar .toolbar {background-color:black;padding:2px;} .editar .toolbar .button {font-size:11px;} .editar .toolbar.vert .button {font-size:13px;float:none;text-align:left;margin-bottom:4px;} #informcomment {position:fixed;width:40%;background-color:white;color:black;} #informcomment textarea {width:100%;height:100px;} .fichaespecie .infocom {margin:0 0 7px 0;text-align:justify} .fichaespecie .infocom .autor {font-style:italic;color:#777;margin-left:18px;font-size:0.9em;margin-bottom:10px;} #visualizador {background-color:black;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;} #visualizador .close {position:absolute;top:10px;right:10px;cursor:pointer;} /*#visualizador .titulo {position:absolute;top:10px;left:10px;color:#999;font-size:18px;}*/ #visualizador .leftpane {width:480px;vertical-align:middle;} #visualizador .leftpane .holder {height:640px;width:480px;position:relative;overflow:hidden;} #visualizador .rightpane .holder {height:640px;overflow:auto;} #visualizador .rightpane .holder .thumbnail {margin:3px;width:150px;height:194px;overflow:hidden;} #visualizador .rightpane .holder .thumbnail img {width:150px;height:200px;} /*********************** RESULTADOS **********************************/ #se-pesquisar,#se-indicetematico {overflow:auto;overflow-x:hidden} #se-pesquisar {position:relative;} #se-indicetematico {text-align:center;} .resultados ul { /*list-style-type:disc;list-style-position:inside;text-indent:16px;*/ font-size: 1.3em; margin-left: 1em; margin-top: 0.5em; font-weight: 700; } .resultados h1 { clear:both; font-weight:normal; font-family: 'Lato', sans-serif; padding: 2em 0 0.2em 0.2em; font-size: 2.4em; border-bottom: 2px solid white; margin-bottom: 0.2em; } .resultados .toolbar {padding:0px;margin:0px;width:100%;background-color:black;padding:3px 0;display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} .toolbar .utilities {margin-right:4px;} .toolbar .utilities .button {cursor:pointer;} .resultados .msg {padding:6px;font-size:1.3em;margin:5px 10px 0 0;border-radius:5px;font-family:'Lato', sans-serif;} .resultados .msg:before {/*content:url('images/exclamation.png');vertical-align:text-bottom; transform: scale(.1);margin-right:40px;*/ background-image: url('images/exclamation.png'); background-size: 18px 18px; display: inline-block; width: 18px; height: 18px; vertical-align:text-bottom; margin-right:10px; content:"";} .mensagem {margin:2px 10px 0 4px;border-right:2px solid white;display:inline-block;padding-right:15px;} .mensagem .numero {font-size:28px;float:left;margin-right:4px;} .mensagem .numero.small {font-size:22px;padding-right:0px;margin-top:4px;} .mensagem .refinar {display:none;} /*background:url('images/A3282151259481907.jpg') no-repeat -300px -0px;}*/ .resultados .info {padding:5px;font-size:11px;color:#ffc;} .resultados .thumbnail .legenda { color:white; display:table-cell; font-size:10px;font-style:italic; line-height:1em; width:147px;height:24px;text-align:right;padding-left:1px; vertical-align:middle; } .resultados .thumbnail.big .legenda{width:298px;font-size:12px;font-weight:bold;} .resultados .thumbnail.selected .legenda {background-image:none;background-color:orange;} .resultados #floracao {width:280px;height:62px;margin:0px 0 4px 0;padding:0;cursor:pointer;display:inline-block;} #toolbar-resultados {border-bottom:1px solid gray;} #toolbar-resultados .button {padding:0 5px 0 5px;margin:0;} #toolbar-resultados .button img {width:32px;height:32px;margin:1px 0;} #se-pesquisar .tagaggreg {margin-top:6px;} #se-pesquisar .tagaggreg div.head {float:left;margin:4px 6px 0 0;padding:0;font-size:12px;} .tagaggreg div.tag,.ident div.tag {float:left;margin:0 5px 5px 0px;background-color:#414;color:white;font-size:12px;padding:3px 5px;border-radius:8px;border:1px solid rgb(210, 190, 216)} /*rgb(115,0,150)*/ .baloon .tagaggreg div.tag {padding:2px 5px 2px 5px;} #se-pesquisar .tagaggreg div.tag.linkneg:hover {text-decoration:line-through} #se-pesquisar div.addcrit {float:left;margin:0;padding:0px;border:1px solid gray;color:black;border-radius:8px;background-color:white;} #se-pesquisar div.addcrit:hover {border:1px solid #3af;} #se-pesquisar div.addcrit img {vertical-align:middle;width:20px;cursor:pointer} #se-pesquisar div.addcrit1 {color:black;background-color:white;vertical-align:bottom;padding:3px 2px} #se-pesquisar div.addcrit1 img {vertical-align:middle;width:21px;cursor:pointer} #se-pesquisar .addcritinput {width:120px;color:#555;font-style:italic;margin:0 0 0 4px;padding:0;vertical-align:middle;border:0px solid #ccc;} #se-pesquisar .addcritinput:focus,.tagaggreg .addcritinput:focus {color:black;border:0px solid #3af;font-style:normal;} .floatingmap {width:220px;height:220px;} .baloon .coords,.coords {color:yellow;text-align:center;font-size:13px;} #pesquisa-fotomenu {position:absolute;width:160px;z-index:40;background-color:black;} #pesquisa-fotomenu .button {width:150px;} #se-loader {background-color:rgba(0,0,0,0.2);backdrop-filter:grayscale(30%) blur(1px);position:fixed;width:100%;height:100%;top:50px;left:0;z-index:3003} #se-loader p {text-align:center;margin-top:20%;font-size:2.5em;} #se-loader img {width:150px; animation-name: pulse; animation-duration: 2s; animation-iteration-count: infinite;animation-timing-function: ease-in-out;drop-shadow(3px 3px 4px #000)} @keyframes pulse { 0% {transform: none;} 50% {transform: scale(120%);} 100% {transform: none;} } /*#se-loader {background-color:black;} #se-loader p {text-align:center;margin-top:20%;font-size:5em;}*/ #cross {display:none;position:fixed;width:48px;height:48px;cursor:pointer;} /*********************** INDICE TEMATICO **********************************/ #se-indicetematico h1 {font-weight:normal;font-size:24px;color:#2bb5e8;text-align:center;margin-top:6px;} #se-indicetematico .squarethumb {display:inline-block;margin:10px 0 0 10px;font-size:16px;text-align:right;} #se-indicetematico .squarethumb:hover {outline:3px solid #449;background-color:#449;} #se-indicetematico .squarethumb div {margin-top:2px;} /*********************** BARRA IDENTIFICADORA **********************************/ /*.identificador {display:none;} .identificador .caracter {padding-right:10px;padding-left:3px;font-size:0.9em;color:yellow;vertical-align:middle;} .identificador .button { float:left; border-left:2px solid cyan; padding-left:4px; padding-right:4px; font-size:10px; } */ #tagtoolbar { display:flex; flex-wrap:wrap; position:relative; } div.criteriabar { /* background-color: white; color: black;*/ padding: 10px; font-family: 'Lato', sans-serif; } div.criteriabar.spaced {margin-top:1.25em;} div.criteriabar h2 { /*font-weight:normal;*/ font-size:1.6rem; } div.criteriabar .atributos {margin-bottom:10px} div.criteriabar .atributos .atributo { display:inline-block; margin: 8px 5px 0 0; padding: 5px 8px; font-size:1.3rem; background-color:#449; border-radius:3px; } div.criteriabar .atributos .atributo.highlighted {background-color:#f7ff53; color:black} div.criteriabar .atributos .atributo.withsidebutton {padding:0} div.criteriabar .atributos .atributo div:nth-child(1) {margin: 4px 6px; display: inline-block;} div.criteriabar .atributos .atributo div.close,div.criteriabar .atributos .atributo div.add {display: inline-block; border-bottom-right-radius:3px; border-top-right-radius:3px;} div.criteriabar .atributos .atributo div.close {background-color:#f44336;padding: 4px 5px; } div.criteriabar .atributos .atributo div.add {background-color:#9ccc65;color:black; padding: 2px 3px 3px;} div.criteriabar .atributos .atributo div.close::after {content:"\2715";} div.criteriabar .atributos .atributo div.add::after {content:"\FF0B";} @media (max-width: 450px) { div.criteriabar .atributos .atributo div:nth-child(1) {margin: 6px 8px;} div.criteriabar .atributos .atributo div.close {padding: 6px 5px;} div.criteriabar .atributos .atributo div.add {padding: 4px 3px;} div.criteriabar.expanded .caracter:nth-child(-n+6) { margin: 0 0px 20px 0px !important; } } /*div.criteriabar .atributos:nth-child(4), div.criteriabar h2:nth-child(3) {display:none}*/ div.criteriabar .caracter {display:none; /*max-width:700px*/} div.criteriabar .caracter:nth-child(1) {display: block;} div.criteriabar .mostraroutro,div.criteriabar .mostrarmais {font-size:0.8em;} /*#bestcharacter:not(.expanded)>h2 {display:none;} #bestcharacter>h2 {flex:0 0 100%; margin-bottom:10px;}*/ div.criteriabar.expanded {display:flex; flex-wrap:wrap; align-items: stretch} div.criteriabar.expanded .caracter:nth-child(-n+6) { display:block; flex: 1 1 400px; margin: 0 10px 10px 10px; border: 0px solid #333; padding: 6px 10px 0px 10px; background-color: #171717; box-shadow: 0 0 20px black; border-radius: 5px; } div.criteriabar.expanded h2 span {display:none;} #criteriospesquisa .atributos .atributo:hover:not(.addcrit1) { background-color:#944; } /*div.criteriabar .atributos .atributo img {display:none;width:100px; height:100px;}*/ div.criteriabar .atributos .atributo a:link, div.criteriabar .atributos .atributo a:visited,div.criteriabar .atributos .atributo a:active {color:white} #orderby-bar { position: sticky; top:0; z-index:10; background-color:#13131388; backdrop-filter:blur(8px); display:flex; } /*********************** QUADRO **********************************/ #se-comparar {overflow:auto;} #quadro {overflow:auto;float:left;} #quadro-header p {font-size:1.8em;} #quadro-header .toolbar {margin:2px 0 10px 0;} #quadro-wrap {padding:0px;} .quadro .row.header .button {float:right;} .quadro .cell.rowh .button {clear:both;} .quadro .row.header .button {padding:0 !important;} /* botões dos cabeçalhos */ .quadro {float:left;} .quadro.small .row {margin:0px;height:204px;overflow:hidden;} .quadro.big .row {margin:0px;height:404px;overflow:hidden;} .quadro .cell {float:left;} /*.quadro.small .cell {height:200px;}*/ .quadro.small .cell .image {width:150px;height:200px;cursor:pointer;margin:2px;} /*.quadro.big .cell {height:404px;}*/ .quadro.big .cell .image {width:300px;height:400px;cursor:pointer;margin:2px;} .quadro .cell .image:hover {outline:2px solid red;} /* col header */ .quadro.small .colh {width:154px;} .quadro.small .colh .wrap {width:150px;margin-left:2px;margin-top:2px;} .quadro .colh.cell {height:100%;display:flex; align-items:center; justify-content:center} .quadro.big .colh {width:304px;} .quadro.big .colh .wrap {width:296px;} /* first row */ #quadro-wrap .row.header {height:22px;} #quadro-wrap .row.header .titulo{text-align:center;font-size:1.2em;} /* row header */ .quadro .cell.rowh {text-align:left;font-size:1.2em;padding-left:2px;} .quadro .cell.rowh {height:100%;} /*.quadro.big .cell.rowh {height:404px;}*/ .quadro .cell.rowh .wrap {margin-top:2px;margin-right:2px;cursor:move;} .quadro .cell.rowh .wrap p {font-size:1.2em} .quadro.small .cell.rowh .wrap {height:200px;max-width:130px} .quadro.big .cell.rowh .wrap {height:400px;max-width:130px} /*.quadro .row .cell.rowh {width:auto;height:auto;border-left:2px solid white;border-top:2px solid white;border-bottom:2px solid white;background-color:#eae;color:black;text-align:center;} .quadro .row .cell.rowh .wrap {width:82px;height:156px;font-size:0.8em;}*/ /* first cell */ .quadro .cell.firstcell {height:26px;width:300px;} .quadro.small .row .cell.blank{border:0;width:154px;height:204px;} .quadro.big .row .cell.blank{border:0;width:304px;height:404px;} /*.quadro .row .cell.blank p{margin-top:80px;font-style:italic;font-size:0.9em;color:gray;}*/ .quadro .cell .chooser {display:none;position:relative;top:-17px;left:2px;} .quadro .row .cell:hover .chooser {display:block;} .quadro .cell .chooser div {background:url('images/circlebut.png') no-repeat;float:left;width:15px;height:15px;cursor:pointer;} .quadro .cell .chooser div:hover {background:url('images/circlebut-g.png') no-repeat;} .quadro .cell .chooser div.selected {background:url('images/circlebut-o.png') no-repeat;} .quadro.small .placeholder {margin:2px;} /*********************** COMPARADOR CARACTERES **********************************/ .bancada-holder { display:none; position:fixed; width:100%;height:100%; top:0;left:0; z-index:3000; /* overflow:auto;*/ background-color:black; } .bancada-holder div.header { width:350px; height:32px; font-size:16px;line-height:20px; text-align:center; position:absolute;top:0;left:50%;margin-left:-175px; z-index:100; color:black; background:url('images/sepsup.png') 0 -4px no-repeat; } .button2:hover {background-color:#ddd;} .button2.nohover:hover {background-color:transparent;} .bancada-holder div.header .button2 {float:left;cursor:pointer;margin:0px 0 0 9px;font-size:12px;padding:0 6px;} .bancada-holder div.header .button2 img {width:20px;height:20px;float:left;} .bancada-holder .bancada { width:100%;height:100%;position:absolute;top:0;left:0; overflow:auto; } #comparacaract .caracter {float:left;margin:24px 8px 8px 8px;padding:3px;} /*#comparacaract .caracter .content {background-color:black;}*/ #comparacaract .caracter .titulo {font-size:15px;cursor:move;text-align:center;} #comparacaract .caracter .titulo .button2 {width:16px;height:16px;margin-top:2px;cursor:pointer;} /*#comparacaract .caracter .titulo .button2.close {background:url('images/cross.png');margin-right:-6px;float:right;} #comparacaract .caracter .titulo .button2.close:hover {background:url('images/crossh.png');}*/ #comparacaract .caracter .titulo .button2.info {background:url('images/page.png');margin-top:0px;margin:0 3px 0 1px;float:left;} #comparacaract .caracter .titulo .button2.info:hover {background:url('images/pageh.png');} #comparacaract .caracter .titulo table {width:100%;} #comparacaract .caracter .titulo table .middle {background-color:#8c92ff;padding:1px 0 1px 0;border-top:2px solid black;} #comparacaract .caracter .titulo table .left {width:15px;background:url('images/roundc.png');} #comparacaract .caracter .titulo table .right {width:15px;background:url('images/roundc.png') 15px 0px;} #comparacaract .caracter .wrap {position:relative;float:left;width:484px;margin:0px 0px 0 0px;} #comparacaract .caracter .wrap .titulo {background-color:#449;padding:2px 0 2px 0;font-size:13px;cursor:default;font-style:italic;border-right:2px solid black;border-left:2px solid black;text-align:left;} #comparacaract .caracter .wrap .subtitulo {background-color:black;padding:2px;font-size:12px;line-height:13px;position:absolute;width:476px;z-index:100;color:white;left:2px;margin-top:2px;} #comparacaract .caracter .wrap img {border:2px solid black; height:640px; width:480px} #comparacaract .placeholder {width:480px;height:640px;text-align:center;background-color:black;} #comparacaract .placeholder .loader {width:32px;height:32px;margin-top:60%} /*********************** BANCADA **********************************/ .foto-banc {position:absolute;background-color:#225;border-radius:6px;overflow:hidden} /*height:667px;width:484px;*/ .foto-banc .wrap {margin-left:2px;margin-bottom:2px;position:relative;width:480px;height:640px;} /*height:662px;width:480px;*/ .foto-banc .title {width:100%;color:white;background-color:#449;cursor:move;} .foto-banc .title .nome {font-style:italic;margin:4px 6px;float:left;font-weight:bold;max-width:360px;} .foto-banc .subtitle {padding:3px;text-align:justify;} .foto-banc .foto {width:100%;cursor:move;} .foto-banc .button {float:right;padding-right:2px;} .foto-banc .button.pressed {background-color:transparent;} .foto-banc .button.tool {font-size:13px;width:18px;} .foto-banc .button.tool.pressed {background-color:#b35;} .foto-banc .placeholder {position:absolute;top:0px;left:0px;width:480px;height:640px;text-align:center;background-color:black;} .foto-banc .placeholder .loader {width:32px;height:32px;margin-top:60%} .drawing {position:absolute;} .fly.small {position:absolute;width:150px;height:200px;z-index:200;} .fly.big {position:absolute;width:300px;height:400px;z-index:200;} .fly.original {position:absolute;width:480px;height:640px;z-index:200;} #banc-tools {display:none;position:fixed;top:0;left:0;z-index:100;background-color:#333;} /*********************** MENU **********************************/ .menu {position:absolute;width:168px;background-color:black;font-size:0.9em;border:2px solid gray;} .menu li{list-style:none;margin:2px 0 0 2px;cursor:pointer;padding:2px 5px 2px 2px;} .menu li:hover {background:url('images/gr-v-36-lil.png') repeat-x;} .menu input {font-size:0.9em;padding:0;margin:0;} /*#menu-org {font-size:1.2em;color:#9ff;width:240px !important;border-left:0px !important;} #menu-org li {padding:6px;background-color:#333;}*/ #menu-org img {width:32px;height:32px;vertical-align:middle;} #lupa {position:absolute;display:none;z-index:1000;} .nocursor {cursor:none!important;} /*********************** FOTO VIEWER **********************************/ .viewer {position:relative;overflow:hidden;width:480px;height:640px;} .viewer img {margin:0 !important;} .viewer .button {width:32px;height:32px;position:absolute;left:100%;margin-left:-32px;background-color:red;} .viewer .button.zoomi {top:0;} .viewer .button.zoomo {top:36px;} /*********************** BANCADA IDENTIFICAÇÃO **********************************/ #se-identificar {background-color:black;color:white;} #se-identificar table {width:100%;height:100%;} #se-identificar table td {vertical-align:top;} #chosenatrs {width:100px;background-color:#224;padding:4px;} #identifica-content-wrap {border-left:1px solid white;} #identifica-content {position:relative;width:100%;overflow:auto;} #nespecies {width:100%;text-align:center;vertical-align:middle;color:white;cursor:pointer;margin-bottom:5px;} #nespecies .titulo {font-size:28px;font-weight:normal;} #identifica-content .caracter {position:absolute;color:white;background-color:#225;} #identifica-content .caracter .titulo {font-size:13px;margin-top:4px;height:16px;text-align:center;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;text-transform:uppercase;} /*background-color:#3af;*/ #identifica-content .caracter .spacer {clear:both;height:8px;} #identifica-content .caracter .closewindow {top:3px;left:100%;margin-left:-18px;width:14px;position:absolute;cursor:pointer;} #se-identificar .atributo { float:left; text-align:center; cursor:pointer; width:100px;height:100px; overflow:hidden; margin:8px 0 0px 12px; position:relative; } #se-identificar .atributo img {width:100%;} #se-identificar .atributo img.half {width:50%;} #se-identificar .atributo .nespecies {position:absolute;top:0px;left:2px;font-size:9px;color:white;} #se-identificar .atributo .nome {font-size:13px;width:100%;height:18px;} #se-identificar .atributo:hover {outline:3px solid #449;background-color:#449;} #chosenatrs .atributo {width:100%;height:auto !important;border-top:2px solid #449;padding:2px 0 4px 0;margin:0;} #chosenatrs .atributo .nespecies {display:none;} #chosenatrs .atributo .nome {margin-top:4px;font-size:1.1em;text-align:center;position:static;height:auto;} #chosenatrs .atributo img {display:none;} #chosenatrs .atributo:hover {outline:none;} /**********************************GERIR LEGENDAS FOTOS********************************************/ .janela input {font-size:11px} .janela.distcar p {margin:0px 0 0px 0;} .janela.distcar .content,.janela.pickthumb .content,.janela.tabela .content {max-height:600px;overflow:auto;} .janela.distcar table tr th,.janela.tabela table tr th {cursor:pointer;background-color:#fdd;padding:4px;} .janela.distcar table .image {width:60px;} .janela.distcar table tr td,.janela.confsp table tr td {border-bottom:1px solid #ccc;} .janela.distcar table tr:hover td {background-color:#ddd;cursor:pointer;} .janela.distcar table tr .tick,.janela.distcar table tr .tickdist {display:none;} .janela.distcar table tr.selected .tick {display:block;} .janela.distcar table tr td.distintivo .tickdist {display:block;} .janela.distcar table tr.selected td {background-color:#ffd;} .janela.distcar table tr.modified td {background-color:#fdd;} .janela.tabela select {font-size:10px;width:100%;} .janela.tabela table tr td {border-bottom:1px solid #ccc;padding:2px;} .janela.pickatrib table tr td.c4 {background-color:#cfc;} .janela.pickcaract table tr td.c3 {background-color:#cfc;} .janela.tabela table tr td img.valid,.janela.tabela table tr td img.invalid {width:24px;} .janela.tabela table tr:hover td {background-color:#ddd;cursor:pointer;} .janela.tabela table tr .tick {display:none;width:32px;} .janela.tabela table tr.selected .tick {display:block;} .janela.tabela table tr.selected td {background-color:#ffd;} .janela.tabela table tr.modified td {background-color:#fdd;} .janela.tabela table div.keyword {border:1px solid #8ac;float:left;background-color:#cef;margin:0 0 3px 3px;padding:1px 3px;} .janela.tabela table div.keyword.add {background-color:#fcf;} .janela.tabela table div.keyword:hover {background-color:#fca;text-decoration:line-through;color:red;} .janela.tabela table div.keyword.add:hover {background-color:#fef;text-decoration:underline;color:black;} .janela.confsp ul {list-style-type:none;text-indent:-20px;list-style-position:inside;font-size:10px;padding:3px 3px 3px 22px;} .janela.confsp li img {width:18px;vertical-align:middle;cursor:pointer;} .janela.confsp h2 {background-color:#dfd;padding:3px 3px 3px 3px;margin-top:4px;} .janela.confsp table tr .tick {display:none;width:32px;} .janela.confsp table tr.selected .tick {display:block;} .janela.confsp table tr.selected td {background-color:#ffd;} .janela.confsp table tr.modified td {background-color:#fdd;} .janela.bdmorf {border:0;padding:0 0 0 3px;border-left:2px solid green;} .janela.bdmorf .filtros .button {margin-left:3px;border:1px solid #0af;padding:2px;} .janela.bdmorf .filtros .button.pressed {background-color:#0af;} .janela.bdmorf h1 {margin-bottom:2px;padding-bottom:2px;} /*.janela.bdmorf .body {overflow:auto;background-color:#ddf;} .janela.bdmorf .row {background-color:#fdd;} .janela.bdmorf .cell {width:27px;height:27px;background-color:#fff;margin:0 0 0 2px;overflow:hidden;font-size:8px;float:left;text-align:center;}*/ .janela.bdmorf .first {background-color:#dfd;} /*.janela.bdmorf td.first {width:152px;}*/ .janela.bdmorf table {background-color:#ddf;} .janela.bdmorf table a {color:blue;} .janela.bdmorf table tr.caracter th {height:16px;font-size:9px;font-weight:normal;overflow:hidden;line-height:8px;} .janela.bdmorf table tr.atributo th {height:27px;font-size:8px;font-weight:normal;overflow:hidden;cursor:pointer;line-height:8px;} .janela.bdmorf table tr.atributo th.pressed {background-color:#3b5;} .janela.bdmorf table td {height:27px;vertical-align:middle;text-align:center;background-color:#fff;font-size:9px;cursor:pointer;line-height:10px;} .janela.bdmorf table td.first {cursor:auto;text-align:left;font-size:9px;} .janela.bdmorf table td img {width:20px;margin:2px 0 2px 0;} .janela.bdmorf table td.break {border-left:2px solid red;} .janela.bdmorf table td.bad {background-color:#f99;} .janela.bdmorf table tr.modified {outline:2px solid #99f;} .janela.bdmorf table tr.modified td.first {background-color:#fcc;} .janela.bdmorf table tr.nodisp1,.janela.bdmorf table tr.nodisp2,.janela.bdmorf table tr.nodisp3,.janela.bdmorf table tr.nodisp4 {display:none;} /**********************************PESQUISA AVANCADA********************************************/ .janela.avancada {padding:0;} .janela.avancada h1 {font-size:24px;padding:12px;font-weight:normal;border:none;} .janela.avancada div.row {margin:12px;} .janela.avancada div.widget {float:left;width:50%;} .janela.avancada div.widget .holder {border:2px solid #3af;border-radius:16px;margin:12px;padding:0px;overflow:hidden;} .janela.avancada div.widget .holder table {width:100%;} .janela.avancada div.widget .titulo {margin:0;font-size:18px;border-right:0px dotted #3af;padding:10px;background-color:#8cf;color:white;width:50px;} /*.janela.avancada div.widget div.content {float:left;}*/ /**********************************WEBGIS********************************************/ #se-webgis .mapa {width:100%;margin-left:3px;} .toptoolbar {height:45px;margin-left:3px;overflow:hidden;} .toptoolbar .button {padding:2px 3px;margin:4px 0 4px 2px;border-radius:5px;} .toptoolbar .button img {width:32px;height:32px;float:left;margin:0;} .toptoolbar .button.pressed,.toptoolbar .button.text.pressed {background-color:#07b;} .toptoolbar .button.text {font-size:11px;margin:4px 2px;border-radius:5px;padding:5px;background-color:black;} .toptoolbar .button.text.oneline {margin-top:10px;} .toptoolbar .temporary .button.text {color:orange;} .toptoolbar .temporary {border-left:1px dashed gray;float:left;} .toptoolbar .limparmapa {margin-right:184px;} #se-webgis .menu {background-color:transparent;color:white;border:0;margin:0 !important;} .menu {position:relative;width:auto;} .menu .back {background-color:black;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;border-bottom-left-radius:6px;} .menu .content {z-index:10;position:relative;} #se-webgis .menu li:hover {background:none;} #se-webgis .menu li label {cursor:pointer;} #se-webgis .menu li input {vertical-align:middle;margin-right:6px;} #legenda-sig {margin-left:10px;padding:4px 2px 2px 6px;max-width:150px;top:40%;position:absolute;z-index:1000} #legenda-sig .back {background-color:black;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;border-radius:6px;border:2px solid #aaa;} #legenda-sig table {position:relative} #legenda-sig td {text-align:center;} #legenda-sig .item {width:14px;height:14px;border-radius:4px;margin:4px auto;} #webgis-camadas {position:absolute;width:180px;height:100%;right:0px;top:0px;background-color:black;} #webgis-camadas-wrap {position:absolute;width:190px;height:100%;right:0px;top:0px;overflow:visible;overflow-y:scroll;} #webgis-camadas-wrap h1 {font-weight:normal;font-size:19px;color:white;color:orange;} #webgis-camadas-wrap h2 {font-weight:normal;text-align:center;font-size:12px;color:black;} #webgis-camadas-wrap .header {position:fixed;width:156px;margin-left:14px;background-color:black;height:40px;} #webgis-camadas-wrap .header h1 {margin-top:8px;} #camadavisivel {font-size:14px;margin:5px 0 0 8px;} #webgis-camadas-wrap .button.text {font-size:11px;border-bottom-left-radius:10px;border-top-left-radius:10px;padding:1px 0;background-color:#ccc;width:156px;margin:4px 0 0 14px;float:none;color:black;text-align:right;z-index:50} /*#webgis-camadas-wrap .button.text {width:140px;font-size:11px;margin:4px 0 0 4px;float:none;background-color:#ccf;color:rgb(115,0,150);padding:4px 0;border-radius:5px;}*/ #webgis-camadas-wrap .button.text.selected {background:orange;} #se-webgis .toptoolbar .distico {margin:16px 0 0 2px;color:#999;font-size:11px;font-style:italic;float:left;} #webgis-camadas-wrap .distico {margin:16px 0 0 auto;width:100%;text-align:center;color:#999;font-size:11px;font-style:italic;width:156px;} #webgis-camadas-wrap .distico3 {display:none;} .floatingtoolbar .disticogrande {margin:0 12px;height:100%;text-align:left;color:#ddd;font-size:24px;line-height:66px;} /*.popup-sp {text-align:center;}*/ .popup-sp .title {font-style:italic;font-weight:normal;font-size:14px;padding-bottom:2px;} .popup-sp p {padding:3px 0 0 0;border-top:1px solid #ccc;} .popup-sp img {display:block;margin:0 auto;} .tooltip1 {text-align:center;} .tooltip1 h1 {font-size:11px;} .tooltip1 p {font-size:10px;text-align:justify;} #rsr {float:none;width:100%;height:100%;} /*********** ADICIONAR REGISTOS ANTIGO *********************/ #se-registos .mapa {float:left;width:75%;height:100%;} #se-registos {width:100%;height:100%;} #se-registos p {padding:2px;text-align:left;font-size:0.9em;} #se-registos h1 {font-size:1em;border-bottom:1px solid #999;padding:2px;text-align:left;margin-top:8px;color:#f8f;} #se-registos .controls {float:left;width:25%;background-color:#333;height:100%;text-align:center;overflow-x:hidden;overflow-y:auto;} #se-registos .controls .titulo {font-size:1.2em;color:#8df;padding:5px;border-bottom:2px solid white;} #se-registos .controls ul {padding:2px 2px 2px 2px;text-align:left;margin:4px;color:#3f3;font-size:1.1em;border:1px solid #999;min-height:50px;list-style-type:none;} .frame {margin:0px;border:1px solid #999;min-height:50px;} .speciestable {width:100%;} .speciestable i {cursor:pointer;} .speciestable thead th {background-color:gray;font-size:11px;} .speciestable td {text-align:left;font-size:11px;border-top:1px solid gray;color:#3f3;} .speciestable img {vertical-align:middle;cursor:pointer;} #se-registos #addcoords {display:none;} #se-registos .controls .data {text-align:center;margin-bottom:5px;} #se-registos .controls input,#se-registos .controls select {font-size:0.8em;vertical-align:middle;} #se-registos .controls textarea {width:98%;} #se-registos .controls ul li img {vertical-align:middle;cursor:pointer;} #se-registos .controls .coords,#se-registos .controls .coordsquad {text-align:left;font-size:0.9em;} #se-registos .controls .coords input,#se-registos .controls .coordsquad input {width:60%;} #se-registos .controls .coords img,#se-registos .controls .coordsquad img {width:20px;height:20px;vertical-align:bottom;cursor:pointer;} #se-registos .autores {margin-left:6px;text-align:left;font-size:0.8em;} #se-registos .autores table {width:100%;} #se-registos .toolbar .button {padding-right:4px;margin:4px;} #se-registos .toolbar .button img {width:32px;height:32px;float:left;} #se-registos .pesquisa-local {float:left;margin-top:100px;} /*********** BIOCLIMA *********************/ .no-select {user-select:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;} #se-bioclima {overflow-y:auto;overflow-x:hidden} #se-bioclima .toptoolbar {height:auto;} #se-bioclima .toptoolbar .button img {margin:0 auto;float:none;} #se-bioclima .toptoolbar .button p {clear:both;} #se-bioclima h1 {font-family: 'Lato', sans-serif;padding:5px 0 0 10px;color:#08f;} #se-bioclima h2 {font-family: 'Lato', sans-serif;color:#08f;} #se-bioclima .detalhes {line-height:1.5em;color:#ccc;text-align:justify;font-size:0.9em;margin:0 20px 5px 0;position:absolute;bottom:0;width:15%;right:0;overflow:hidden;transition:max-height 0.6s;max-height:300px;} #se-bioclima em {font-weight:normal;color:#f80;} #se-bioclima .comousar {margin-left:10px;} #se-bioclima .comousar .tit {font-family:sans-serif;font-size:1.5em;text-align:center;color:yellow} #se-bioclima .comousar .desc {font-family:sans-serif;font-size:1.15em;color:#ccc;line-height:1.6em;} #se-bioclima .comousar .desclong {font-family:sans-serif;font-size:1.15em;color:#ccc;line-height:1.6em;} #se-bioclima .comousar img {width:14px;vertical-align:middle;} #se-bioclima .comousar .unimportant {vertical-align:middle;} #se-bioclima .panel {display:inline;vertical-align:text-bottom;user-select:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;position:relative;} #se-bioclima .panel .loader {width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity 0.5s;} #se-bioclima .panel .loader p {margin-top:40%;color:white;text-align:center;font-size:1.3em;line-height:1.8em;} #se-bioclima .panel .loader img {width:52px;} /*#biocl-ctrls-holder {height:100%;float:right;max-width:20%;margin-right:10px;}*/ #se-bioclima-holder {float:left;width:85%;} #biocl-dica {opacity:0;transition:opacity 0.3s;color:#aaa;padding:2px 8px 0 8px;font-style:italic;text-align:justify} #biocl-dica img {width:14px;vertical-align:middle;} #biocl-ctrls-holder {float:right;width:15%;margin-left:0px;} #biocl-ctrls {margin:0 0 0 0px;} #biocl-ctrls p {font-style:italic;color:gray;padding-left:2px;} #biocl-ctrls .camada { color:white; border-radius:3px; padding:0px 2px; margin-top:10px; border:2px solid transparent; font-size:1.1em;line-height:1.6em;font-style:italic; cursor:pointer; font-family: 'Lato', sans-serif; background-color:#023; transition: background-color .3s; } #biocl-ctrls .camada.highlight {background-color:#550 !important;} #biocl-ctrls .camada .quadradinho {border-radius:4px;float:left;width:18px;height:18px;margin:2px 4px 0px 0;opacity:0.5;font-style:normal;text-align:center;font-weight:bold;} #biocl-ctrls .camada.loading {background-color:#111 !important;} #biocl-ctrls .camada.loading .legend {color:gray;} #biocl-ctrls .camada.loading .quadradinho {background-color:#333 !important;color:#333 !important;} #biocl-ctrls .camada:hover .quadradinho {color:black !important;line-height:1.4em;} #biocl-ctrls .camada .legend {} #biocl-pesquisa {margin:20px 0 0 0px;border-top:1px solid blue;padding-top:10px;} #biocl-pesquisa input {width:96%;font-family: 'Lato', sans-serif;font-weight:bold;font-size:1.1em;border-radius:3px;border:0;padding:1px 1%;margin:5px 1%;} #graficos {text-align:center;margin-bottom:30px;} #graficos svg {width:40%;min-width:275px;} #biocl-select {pointer-events:none;} /* SVG elements */ .bioclimaplot text {font-family:sans-serif;fill:white;pointer-events:none;} .bioclimaplot text.axislabels {font-size: 1em;} .bioclimaplot text.axistitle {font-size: 1.4em;pointer-events:auto;cursor:pointer;fill:#0bf;} .bioclimaplot text.axistitle:hover {fill:yellow;} .bioclimaplot text.axistitle.highlight {fill:yellow;stroke:yellow;} .bioclimaplot line,.bioclimaplot path {stroke:white;} .bioclimaplot circle {opacity:0.5;} .bioclimaplot path.contour { stroke-opacity:0.6;fill-opacity:0.1;stroke-width:3px; transition: fill .3s,stroke .3s,fill-opacity .3s,stroke-opacity .3s; } .bioclimaplot path.contour.highlight { stroke:yellow !important;fill-opacity:0.65; stroke-opacity:0.9;fill:yellow !important; } .bioclimaplot .highlight circle {fill:yellow !important;opacity:1 !important;} .bioclimaplot g.points {display:none} .bioclimaplot g.points.visible {display:block;} .bioclimaplot g.basemap path {stroke:#777;fill:none;stroke-width:1.5px;stroke-dasharray:2,4;} .bioclimaplot g.basemap.strong path {stroke-dasharray:none;} .bioclimaplot line.guide {stroke-dasharray:3,3;stroke-width:1px !important;stroke:#f7f;opacity:0.5} .bioclimaplot .selrect {stroke:#f7f;stroke-width:2px;fill:#f7f;fill-opacity:0.2;} #listacaracteres {display:none;list-style:none;font-size:1.4em;color:#ccc} #listacaracteres li {cursor:pointer;} #listacaracteres li span {padding:0 3px 0 0;transition:color 0.3s,padding 0.3s;} #listacaracteres li:hover span {color:#08f;padding:0 0 0 3px;} #listacaracteres li img {width:20px;vertical-align:middle;float:right;margin:4px 0 0 5px;opacity:0.6;transition:opacity 0.4s;} #listacaracteres li img:hover {opacity:1} #listacaracteres li div.desc {font-size:0.8em;font-style:italic;color:#888;padding-left:10px;line-height:1.1em;max-width:280px;transition:height 0.5s,opacity 0.5s;height:0;overflow:hidden;opacity:0;clear:both;} .janelavariables {position:absolute;border:0px solid #333;border-radius:12px;background-color:#444;padding:8px 12px;box-shadow:0px 0px 30px 15px #000,0px 0px 20px 0px #131313 inset;line-height:2.5em;transition:opacity 0.4s;} .janelavariables p.titulo {font-size:1.3em;color:#08f;text-align:center;font-family: 'Lato', sans-serif;} /*#funcionalidades {position:absolute;bottom:0;left:0;padding-left:10px}*/ #funcionalidades {margin:14px 0;text-align:center} #funcionalidades .botoesgrandes {margin:1px 0 0 20px;cursor:pointer;display:inline-block;border-radius:4px;transition:background-color 0.4s,box-shadow 0.4s;line-height:0;vertical-align:top;} #funcionalidades .botoesgrandes.texto {line-height:32px;font-size:1.5em;color:white;padding:4px;} #funcionalidades .botoesgrandes.pressed {} #funcionalidades .botoesgrandes img {padding:4px;height:36px;} #funcionalidades .botoesgrandes a {color:white;} #funcionalidades .botoesgrandes a:hover {text-decoration:none;color:yellow} #funcionalidades .botoesgrandes:hover {background-color:#8130f3 !important;box-shadow:-3px -3px 30px 0px #222 inset;} #toolbarfunc {line-height:0} #descfunc {margin-left:20px;padding:4px 8px 4px 4px;font-size:1.1em;background-color:black;display:none;background-color:black;box-shadow:0px 0px 10px 5px #000} #descfunc .titulo {font-size:1.4em;color:orange} #descfunc a {transition:color 0.4s;} #descfunc a.emph {color:yellow;font-size:1.1em;} #descfunc a:hover {text-decoration:none;color:yellow} /*********** NOVIDADES EM DESTAQUE *********************/ #novidades {font-size:1.1em;line-height:1.2em;border:0px dashed #fff;border-radius:10px;padding:10px;margin:16px 5% -10px 5%;} /*div.novidades-ilustradas { font-family: 'Lato'; padding:20px; margin:16px auto 14px auto; text-align:left; } div.novidades-ilustradas h1, body.novidades h1 { font-size:2.3em; font-family:'Lato'; font-weight:bold; margin-bottom:16px; }*/ body.novidades h2 { font-size:2em; font-family:'Lato'; font-weight:bold; margin-bottom:16px; text-align:center; } body.novidades > h1 {text-align:center;font-size:3em;} div.novidades-ilustradas p, div.novidades-ilustradas li {line-height:1.35em;font-size:1.1em} div.novidades-ilustradas ul:not(.nobullet) li {margin-left:1em} div.novidades-ilustradas.bigtext.expanded img {float:left;margin-right:1em;width:50%} div.novidades-ilustradas.bigtext.expanded p, div.novidades-ilustradas.bigtext.expanded li {margin-bottom:1em} /*div.novidades-ilustradas.bigtext:not(.expanded) p:not(:nth-child(2)), div.novidades-ilustradas.bigtext:not(.expanded) h2:not(:nth-child(2)), div.novidades-ilustradas.bigtext:not(.expanded) ul:not(:nth-child(2)) {display:none}*/ div.novidades-ilustradas.bigtext:not(.expanded) p:not(:nth-of-type(1)), div.novidades-ilustradas.bigtext:not(.expanded) h2:not(:nth-child(2)), div.novidades-ilustradas.bigtext:not(.expanded) div.inset:not(:nth-child(2)), div.novidades-ilustradas.bigtext:not(.expanded) ul:not(:nth-child(2)) {display:none} div.novidades-ilustradas.bigtext.expanded .lermais {display:none;} div.novidades-ilustradas.bigtext.expanded br {display:none;} div.novidades-ilustradas em {font-weight:bold;color:black} /*div.novidades-ilustradas a:link,div.novidades-ilustradas a:visited,div.novidades-ilustradas a:active {font-weight:bold;color:#007fda}*/ div.novidades-ilustradas .share-button-bar { float:right; position:relative; top:20px; left:20px; } .fichaespecie .share-button { float:right; } div.novidades-ilustradas .share-button { display:block; float:left; margin:0 10px 5px 0; height:25px } div.novidades-ilustradas > div { margin:0 auto; background-color:white; color:black; width:100%; max-width:800px; border:2px solid #fff; border-radius:2px; } div.novidades-ilustradas.bigtext.expanded > div {max-width:initial;} div.novidades-ilustradas > div.spaced {margin: 60px auto;} div.novidades-ilustradas > div > .content {margin:16px;} div.novidades-ilustradas > div > .content ul.nobullet {list-style: none;} div.novidades-ilustradas > div.destaque-unico:not(.one-column) { display:flex; align-items:flex-start; flex-wrap:wrap; align-items:stretch; } div.novidades-ilustradas > div.destaque-unico:not(.one-column) > .image { flex: 1 1 220px; min-width:100px; } div.novidades-ilustradas > div.destaque-unico:not(.one-column) > .content {flex: 12 6 300px;} div.novidades-ilustradas.bigtext.expanded > div.destaque-unico:not(.one-column) > .content:first-child {flex-basis:100%} div.novidades-ilustradas > div.destaque-unico:not(.one-column) > .image img { display:block; height:100%; width:100%; max-height:430px; object-fit:cover; object-position:50% 20%; } div.novidades-ilustradas > div.destaque-mosaico > .mosaico {font-size:0; display:flex; flex-wrap:wrap;} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species {display:inline-block; margin:0px; flex: 1 1 112px;position:relative; background-color:black; max-width:200px;} /*div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species img {width:112px;height:150px;display:block}*/ div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species img {width:100%;height:150px;object-fit:cover;object-position:top} /*div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species:hover img {filter:brightness(0.4) blur(1px); transition:filter 0.2s;}*/ div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species .hover {position:absolute; width:100%; bottom:0; padding: 6px 0; opacity:0; font-size:1.2rem;text-align:center;transition:opacity 0.2s;color:white;} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species .hover p {line-height:initial;} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species:hover .hover {opacity:1;z-index:2;background-color:rgba(0,0,0,0.7);} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species.noimage {background-color:white;margin:5px;max-width:150px; flex:1 1 150px;} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species.noimage .hover {position:static; opacity:1; font-size:0.9rem;text-align:center;transition:opacity 0.2s;color:black;background-color:white;text-align:left} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species.noimage .hover:hover {background-color:white} div.novidades-ilustradas > div.destaque-mosaico > .mosaico > .species .legend {background-color:white; position:absolute; top:0; left:0; font-size:13px; padding:0 2px 0 2px;color:black;box-shadow: 2px 2px 3px #444;border-radius: 0 0 3px 0;} /*********** MORPHOLOGICAL COMPARATIVE TABLE *********************/ /*table.morphotable {margin: 0 auto; font-size: 1.3em;font-family: 'Lato', sans-serif; border-spacing:20px} table.morphotable th {font-size:1.3em;} table.morphotable p {margin-top:0.5em;} table.morphotable td {border-bottom:2px solid white}*/ p.link.collapse {font-size:1.3em;margin: 0 20px;} table.morphotable { border-collapse: collapse; margin: 0 20px; font-size: 1.3em; font-family: 'Lato', sans-serif; min-width: 400px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } table.morphotable.collapsed img {width:60px; } table.morphotable.collapsed p {display:none; } table.morphotable.collapsed td:first-child,table.morphotable.collapsed td:not(:first-child) {padding:0} table.morphotable.collapsed td:first-child {max-width:50px;} table.morphotable.collapsed td {text-align:center} table.morphotable.collapsed td .color-holder {position:static; display:inline-block} table.morphotable td:not(:first-child) p:first-of-type {margin-top:1.5em;} table.morphotable td:not(:first-child) p:not(:first-of-type) {margin-top:0.6em;} table.morphotable th {font-size:1.3em;color: white;background-color: #449;} table.morphotable tr { background-color: #e3e3e3; color: black; text-align: left; } table.morphotable td {position:relative;} table.morphotable td .color-holder {position:absolute; top:2px; left:2px;} table.morphotable td .colorcode { width:1.5em; height:1.5em; float:left; /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);*/ /* border:1.5px solid black; border-radius:50%;*/ margin:3px; font-size:1.5em; font-weight:bold; line-height:150%; } table.morphotable td .colorcode path { stroke-width:1.8; stroke:#000; } table.morphotable td .colorcode.column0 path, table.morphotable td .colorcode.column2 path, table.morphotable td .colorcode.column4 path, table.morphotable td .colorcode.column6 path {fill:#448aff;} table.morphotable td .colorcode.column1 path, table.morphotable td .colorcode.column3 path, table.morphotable td .colorcode.column5 path {fill:#69f0ae;} /*table.morphotable td .colorcode.column2 path {fill:#ffff00;} table.morphotable td .colorcode.column3 path {fill:#ff5252;} table.morphotable td .colorcode.column4 path {fill:#ffab40;} table.morphotable td .colorcode.column5 path {fill:#e040fb;} table.morphotable td .colorcode.column6 path {fill:#18ffff;}*/ table.morphotable th, table.morphotable td:first-child {padding: 12px;max-width:150px;} table.morphotable td:not(:first-child) {padding: 12px 15px;max-width:300px} table.morphotable tbody tr:nth-of-type(even) {background-color: #f3f3f3;} table.morphotable tbody tr:last-of-type {border-bottom: 3px solid #449;} table.morphotable tbody tr.active-row { font-weight: bold; color: #009879; } table.morphotable tbody td:not(:last-child) {border-right:2px solid white;} table.morphotable tr:first-child th:first-child {border-top-left-radius: 6px;} table.morphotable tr:first-child th:last-child {border-top-right-radius: 6px;} /*********** PHOTOGRAPHIC DIAGNOSIS TABLE *********************/ .bancada {text-align:center; overflow-y:auto;} div.comparador-holder {width:100%; overflow:auto} div.comparador {background-color: white;color: black;border-radius:3px; display:inline-block;overflow:auto} .bancada-holder h1 {font-weight:normal;font-size:4em;font-family: 'Lato', sans-serif;text-align:center;margin:0.5em 0 0.6em 0;} div.comparador h2 {font-weight:normal;font-size:2em;text-align:center; margin-bottom:0.5em} div.comparador h3 {font-weight:normal;font-size:1.4em;text-align:left;} div.comparador div.table-row {display:flex;} div.comparador div.table-cell {padding:8px; text-align:center; display: flex;flex-direction: column; flex: 1 1 100px; min-width:300px; max-width:600px;} div.comparador div.table-cell img {text-align:center; border-radius:3px; margin-top: auto; width: 100%; aspect-ratio: auto;} /*div.comparador td>div {display:flex; flex-direction:column}*/ /*table.comparador td:not(:first-child) {border-left:2px solid white;}*/ /********** colorfullayout *************************/ div.bgphoto-legend {height:100vh;width:100%;color:black; position:relative; pointer-events: none;} div.bgphoto-legend>div { background-color: white; display: block; padding: 12px 20px; position: absolute; bottom: 0; margin: 40px; border-radius: 4px; max-width: 40%; line-height: 1.5em; pointer-events: auto; } div.bgphoto-legend a:link, div.bgphoto-legend a:visited, div.bgphoto-legend a:active {font-weight: bold; color: #007fda;} @keyframes droptwice { 0% {transform: none;} 49% {transform: none;} 50% {transform: translate(0, 20%);} 51% {transform: none;} 52% {transform: translate(0, 20%);} 53% {transform: none;} 100% {transform: none;} } div.roundsvgbutton {cursor:pointer;background-color: #0008; border-radius: 50%; padding: 8px;} div.gotobottom {position:fixed; bottom:40px; margin-left:50px;animation-name: droptwice; animation-duration: 14s; animation-iteration-count: infinite;} div.bgnav-arrow {display:inline-block;line-height:0} div.roundsvgbutton svg {vertical-align: middle;} #bgnav {display:flex; justify-content:space-between; align-items:center; margin-top:0.5em} #bgnav-page {font-size:1.3em;} /********** Google Charts in results *************************/ .chart_div {display:inline-block;} #statCharts.collapsed .chart_div svg {transform:scale(0.25); transform-origin: top left;pointer-events: none;} #statCharts:not(.collapsed) .chart_div svg {transform:none;} #statCharts.collapsed .chart_div>div>div {width:75px !important; height:37px !important;} #statCharts:not(.collapsed) .chart_div>div>div {height:unset;} #statCharts:not(.collapsed) .chart_div svg path {stroke-width: 1;} .showStats svg > g > g.google-visualization-tooltip { pointer-events: none;} .showStats svg > g > path {cursor:pointer;} /* .showStats .google-visualization-tooltip { border:solid 1px #bdbdbd; border-radius: 2px; background-color: white; position: absolute; box-shadow: none !important; font-size: 12px; padding: 0px; z-index: 100000 !important; } .showStats .google-visualization-tooltip-item-list { margin: 0 !important; padding: 0em; } .showStats .google-visualization-tooltip-item { margin: 4px 8px !important; padding: 0 !important; } .showStats .google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child { margin: 1em 0em 1em 0em; }*/ /*+++++++++++++++++++ MOBILE DEVICES +++++++++++++++++++*/ @media (max-width: 450px) { .hideinmobile {display:none !important} .baloon {position:static} .baloon svg {display:none;} .baloon .content { position: fixed; z-index: 10000; background-color: #222; top: 0 !important; left: 0 !important; width:100% !important; box-sizing: border-box; box-shadow: 0 0 20px black; background-color:white; color:black; } .baloon p {color:black;} .baloon h1 {padding: 7px; background-color:white; color:black;} .baloon .reg-holder {margin:0 4px;} .baloon table.registos tr:hover td {background-color:initial;} .baloon .closewindow {margin-left:-24px;margin-top:0px;} div.bgphoto-legend > div { padding: 12px 20px; margin: 10px; border-radius: 4px; max-width: initial; } img.raritytags {width:35px; height:35px; margin: 3px 3px 0 3px;} #ficha-nomesp {font-size:1.9em;} #orderby-bar {position: static;} }