a {
text-decoration: underline;
cursor: hand;
}
a.tooltip {
text-decoration: none;
color: #0015ff;
}
a.tooltip:hover {
cursor: help;
position: relative;
}
a.tooltip span {
display: none;
}
a.tooltip:hover span {
color: #ebfaeb;
font-size: 2.0vh;
border-radius: 0.5vh;
padding: 1.0vh;
display: block;
z-index: 100;
background: #004d00;
margin-right: 3.0vh;
width: 57.5vh;
position: absolute;
bottom: 2.5vh;
}
.title{
font-size:3.0vh;
}
html{
width:73.0vh;
margin: auto;
}
body{
margin: 0;
background-image: url("Tan Background.png");
font-family: Baskerville Old Face;
font-size: 1em;
}
h1{
height: 4.8vh;
margin: 2.5vh auto -1.0vh auto;
font-size: 5.0vh;
text-align:center;
color:#70380f;
letter-spacing: 0.4vh;
text-shadow: 0.2vh 0.1vh #404040;
}
h2{
font-size:2.4vh;
font-weight: 600;
color: #5d3d23;
text-align:center;
color:#70380f;
letter-spacing: 0.4vh;
}
span > i{
color: #5d3d23; /* #5d3d23 */
font-weight: 600;
}
img{
margin: 1.0vh 1%;
width: 98%;
}
p{
width: 69vh;
font-size: 2.35vh;
color: #222222;
text-align: justify;
text-align-last: left;
padding-bottom: 1.5vh;
line-height: 1.25;
}
ol{
width: 63.0vh;
text-align: justify;
text-align-last: left;
margin-left: 1.0vh;
}
table{
height: 12.0vh;
margin: -2.5vh 0 1.0vh 2.5vh;
font-size: 2.2vh;
font-style: italic;
}
table img{
height: 3.0vh;
}
.ListNumber{
font-weight: 700;
color: #831100;
padding:0 0.5vh;
}
.tooltip-HeaderNav {
font-weight: 800;
color: #005500;
}
.tooltip-HeaderNav span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-HeaderNav span img {
width: 55.0vh;
height:6.5vh;
margin:0 0.8vh 0.5vh 0;
}
.tooltip-HeaderNav:focus span {
display:block;
position:absolute;
margin-top:-11.5vh;
margin-left: 6.0vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-Plant-Type {
color: #005500;
font-weight: 800;
}
.tooltip-Plant-Type span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-Plant-Type span img {
width: 25.0vh;
}
.tooltip-Plant-Type:focus span {
display:block;
position:absolute;
border:0.3vh solid #005500;
margin-top:-30.8vh;
margin-left:2.0vh;
overflow:hidden;
}
.tooltip-SideNav {
text-decoration:;
color: #005500;
font-weight: 800;
}
.tooltip-SideNav span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-SideNav span img {
margin:0vh 0.8vh 0.3vh 0;
width:25.0vh;
}
.tooltip-SideNav:focus span {
display:block;
position:absolute;
margin-left: 0;
margin-top: 0;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-PhotoGroup {
color: #005500;
font-weight: 800;
}
.tooltip-PhotoGroup span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-PhotoGroup span img {
float:left;
margin:0vh 0.8vh 0.8vh 0;
width:67.0vh;
}
.tooltip-PhotoGroup:focus span {
display:block;
position:absolute;
margin-top:-31.0vh;
margin-left: 0.0vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-Individual_Photo {
color: #005500;
font-weight: 800;
}
.tooltip-Individual_Photo span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Tan Background.png");
}
.tooltip-Individual_Photo span img {
float:left;
margin:0vh 0.8vh 0.8vh 0;
width:25.0vh;
}
.tooltip-Individual_Photo:focus span {
display:block;
position:absolute;
margin-top:-37.5vh;
margin-left: 1.5vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-detailed_desscription {
color: #005500;
font-weight: 800;
}
.tooltip-detailed_desscription span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Tan Background.png");
}
.tooltip-detailed_desscription span img {
float:left;
margin:0vh 0.8vh 0.8vh 0;
width:38.0vh;
}
.tooltip-detailed_desscription:focus span {
display:block;
position:absolute;
margin-top:-51.0vh;
margin-left: 25.0vh;
overflow:hidden;
background: transparent;
}
.tooltip-FooterNav {
color: #005500;
font-weight: 800;
}
.tooltip-FooterNav span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-FooterNav span img {
width: 67.0vh;
height:5.5vh;
margin:0 0.8vh 0.5vh 0;
}
.tooltip-FooterNav:focus span {
display:block;
position:absolute;
margin-top:0vh;
margin-left: 0;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-HomePage {
color: #005500;
font-weight: 800;
}
.tooltip-HomePage span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-HomePage span img {
float:left;
margin:0vh 0.8vh 0.8vh 0;
width:67.0vh;
}
.tooltip-HomePage:focus span {
display:block;
position:absolute;
margin-top:-42.0vh;
margin-left: 0.0vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-AboutPage {
color: #005500;
font-weight: 800;
}
.tooltip-AboutPage span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Tan Background.png");
}
.tooltip-AboutPage span img {
float:left;
margin:0vh 0.8vh 0.8vh 0;
width:30.0vh;
}
.tooltip-AboutPage:focus span {
display:block;
position:absolute;
margin-top:-36.5vh;
margin-left: 0.0vh;
border:0.4vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-Search-field-Menu {
color: #005500;
font-weight: 800;
}
.tooltip-Search-field-Menu span {
display:none;
}
.tooltip-Search-field-Menu span img {
float:left;
width:40.0vh;
border-radius: 0.5vh;
}
.tooltip-Search-field-Menu:focus span {
display:block;
position:absolute;
margin-top: -19.5vh;
margin-left:4.5vh;
overflow:hidden;
}
.tooltip-letter-a {
color: #005500;
font-family: Calisto MT;
font-weight: 800;
}
.tooltip-letter-a span{
display:none;
}
.tooltip-letter-a span img {
float:left;
width:40.0vh;
border-radius: 0.5vh;
}
.tooltip-letter-a:focus span {
display:block;
position:absolute;
margin-top: -46.8vh;
margin-left: 29.0vh;
overflow:hidden;
}
.tooltip-Click {
color: #005500;
font-family: Calisto MT;
font-weight: 800;
}
.tooltip-Click span{
display:none;
}
.tooltip-Click span img {
float:left;
width:35.0vh;
border-radius: 0.5vh;
}
.tooltip-Click:focus span {
display:block;
position:absolute;
margin-top: -51.5vh;
margin-left: 0;
overflow:hidden;
}
.tooltip-Agalinis {
color: #005500;
font-family: Calisto MT;
font-weight: 800;
}
.tooltip-Agalinis span{
display:none;
}
.tooltip-Agalinis span img {
float:left;
width:35.0vh;
border-radius: 0.5vh;
}
.tooltip-Agalinis:focus span {
display:block;
position:absolute;
margin-top: -51.3vh;
margin-left: -0.5vh;
}
.tooltip-Plant-List {
color: #005500;
font-family: Calisto MT;
font-weight: 800;
}
.tooltip-Plant-List span{
display:none;
}
.tooltip-Plant-List span img {
float:left;
width:40.0vh;
border-radius: 0.5vh;
}
.tooltip-Plant-List:focus span {
display:block;
position:absolute;
margin-top: -40.5vh;
margin-left: -0.5vh;
overflow:hidden;
}
.tooltip-Common {
color: #005500;
font-family: Calisto MT;
font-weight: 800;
}
.tooltip-Common span{
display:none;
}
.tooltip-Common span img {
float:left;
width:30.0vh;
border-radius: 0.5vh;
}
.tooltip-Common:focus span {
display:block;
position:absolute;
margin-top: -20.0vh;
margin-left: 25.0vh;
overflow:hidden;
}
.tooltip-Plant-List-Hover {
color: #005500;
font-family: Calisto MT;
font-weight: 800;
}
.tooltip-Plant-List-Hover span{
display:none;
}
.tooltip-Plant-List-Hover span img {
float:left;
width:69.0vh;
border-radius: 0.5vh;
}
.tooltip-Plant-List-Hover:focus span {
display:block;
position:absolute;
margin-top: -64.3vh;
margin-left: 0vh;
overflow:hidden;
}
.tooltip-Monkey-flower {
color: #005500;
font-weight: 800;
}
.tooltip-Monkey-flower span {
display:none;
}
.tooltip-Monkey-flower span img {
float:left;
width:35.0vh;
}
.tooltip-Monkey-flower:focus span {
display:block;
position:absolute;
margin-top:-51.7vh;
margin-left: 34.0vh;
background: #ffeecf;
}
.tooltip-facebook-icon {
color: #005500;
font-weight: 800;
}
.tooltip-facebook-icon span {
display:none;
}
.tooltip-facebook-icon span img {
float:left;
width:20.0vh;
}
.tooltip-facebook-icon:focus span {
display:block;
position:absolute;
margin-top:-23.8vh;
margin-left: 23.0vh;
overflow:hidden;
background: transparent;
}
.tooltip-WoodAnemone {
font-weight: 800;
color: #005500;
}
.tooltip-WoodAnemone span {
display:none;
margin-left: 12.0vh;
background: transparent;
}
.tooltip-WoodAnemone span img {
width: 41.0vh;
}
.tooltip-WoodAnemone:focus span {
display:block;
position:absolute;
margin-top:-59.3vh;
overflow:hidden;
}
.tooltip-HardinessZone {
font-weight: 800;
color: #005500;
}
.tooltip-HardinessZone span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-HardinessZone span img {
width: 60.5vh;
margin:0 0.8vh 0.5vh 0;
}
.tooltip-HardinessZone:focus span {
display:block;
position:absolute;
margin-top:-54.0vh;
margin-left: 0.5vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-ClimateZone {
font-weight: 800;
color: #005500;
}
.tooltip-ClimateZone span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-ClimateZone span img {
width: 60.5vh;
margin:0 0.8vh 0.5vh 0;
}
.tooltip-ClimateZone:focus span {
display:block;
position:absolute;
margin-top:-74.0vh;
margin-left: 0.5vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-Zone5 {
font-weight: 800;
color: #005500;
}
.tooltip-Zone5 span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-Zone5 span img {
width: 60.5vh;
margin:0 0.8vh 0.5vh 0;
}
.tooltip-Zone5:focus span {
display:block;
position:absolute;
margin-top:-33.5vh;
margin-left: 0.2vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.tooltip-color-wheel {
font-weight: 800;
color: #005500;
}
.tooltip-color-wheel span {
display:none;
-moz-border-radius:0.5vh;
-webkit-border-radius:0.5vh;
border-radius:0.5vh;
background-image: url("Green Background.png");
}
.tooltip-color-wheel span img {
width: 30.0vh;
margin:0 0.8vh 0.5vh 0;
}
.tooltip-color-wheel:focus span {
display:block;
position:absolute;
margin-top:-35.0vh;
margin-left: 28.0vh;
border:0.3vh solid #005500;
overflow:hidden;
padding:0.6vh 0 0 0.8vh;
}
.animated-text {
text-align: center;
margin: 0 auto;
font-size: 7.0vh;
font-family: arial;
font-weight: 900;
letter-spacing: 1.0vh;
color: transparent;
overflow: hidden;
background: linear-gradient(45deg, black 30%, transparent 30%, transparent 70%, black 70%), linear-gradient(-45deg, black 30%, transparent 30%, transparent 70%, black 70%), linear-gradient(90deg, #981c00 30%, transparent 30%, transparent 70%, #981c00 70%)#981c00;
background-size: 1.0vh 1.0vh, 1.0vh 1.0vh, 0.1vh 0.1vh;
background-position: 0 0, 0 0, 0 0;
-webkit-background-clip: text;
-webkit-text-stroke: 0.2vh white;
filter: drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.1vh black)drop-shadow(0 0 0.2vh #981c00);
animation: bg-shift 1.5s ease-in-out infinite alternate-reverse, swing 3s ease-in-out infinite;
}
.animated-text::before {
content: "The End!";
position: absolute;
background: linear-gradient(transparent 30%, white, transparent 70%);
-webkit-background-clip: text;
animation: bg-shift2 2s ease-in-out infinite alternate-reverse;
-webkit-text-stroke: 0.2vh #845000;
}
@keyframes bg-shift {
from {
background-position: 0 5.0vh;
}
}
@keyframes bg-shift2 {
0% {
background-position: 0 5.0vh;
}
50% {
background-position: 0 -5.0vh;
}
100% {
background-position: 0 5.0vh;
}
}
@keyframes swing {
0% {
transform-origin: top;
transform: perspective(50.0vh)rotatex(55deg);
}
50% {
transform: perspective(50.0vh)rotatex(-55deg);
}
100% {
transform-origin: top;
transform: perspective(50.0vh)rotatex(55deg);
}
}
h5{
display: inline-block;
margin-top: 0;
font-size: 2.5vh;
color: #5a2e90;
}
h5.skew-x-shake {
animation: skew-x-shake 1.7s infinite;
}
@keyframes skew-x-shake {
0% { transform: skewX(-15deg); }
5% { transform: skewX(15deg); color:salmon;}
10% { transform: skewX(-15deg); }
15% { transform: skewX(15deg); }
20% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.text-gradient {
font-size: 2.5vh;
font-family: Cooper Black, Castellar;
color: #7319fa;
background-image: -webkit-linear-gradient(0deg, #00f, #d357fe, #f00, #d58400);
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
}