@charset "UTF-8"; * {box-sizing: border-box} body {font-family: Verdana, sans-serif; margin:0} .mySlides {display: block} img {vertical-align: middle;} /* Content-type: text/html */ /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 20px; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; background-color: rgba(0,0,0,0.3); } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* hidden form styling */ #form1 { display: inline-block; } /* Image Contributor */ .imagecontrib { color: #000; font-size: 14px; font-weight: bold; padding: 4px 12px; display: inline-block; width: 100%; text-align: right; } /* Caption text */ .captext { color: #000; font-size: 14px; font-weight: normal; padding: 4px 12px; display: inline-block; width: 100%; text-align: left; background-color: rgb(230,230,230); } /* text in the date & commenter's name line */ .commenthdr { color: #000; font-size: 14px; font-weight: bold; padding: 4px 12px; display: inline-block; width: 100%; text-align: left; background-color: rgba(0,100,0,0.2); } /* text in the body of the comment */ .commenttext { color: #000; font-size: 14px; font-weight: normal; padding: 4px 12px; display: inline-block; width: 100%; text-align: left; background-color: rgba(0,100,0,0.2); textarea { display: inline-block; margin: 0; padding: .2em; width: 1000px; min-width: 1000px; /* The max-width "100%" value fixes a weird issue where width is too wide by default and extends beyond 100% of the parent in some agents. */ max-width: 1000px; /* Height "auto" will allow the text area to expand vertically in size with a horizontal scrollbar if pre-existing content is added to the box before rendering. Remove this if you want a pre-set height. Use "em" to match the font size set in the website. */ height: auto; /* Use "em" to define the height based on the text size set in your website and the text rows in the box, not a static pixel value. */ min-height: 10em; /* Do not use "border" in textareas unless you want to remove the 3D box most browsers assign and flatten the box design. */ /*border: 1px solid black;*/ cursor: text; /* Some textareas have a light gray background by default anyway. */ background-color: #eee; /* Overflow "auto" allows the box to start with no scrollbars but add them as content fills the box. */ overflow: auto; /* Resize creates a tab in the lower right corner of textarea for most modern browsers and allows users to resize the box manually. Note: Resize isn't supported by most older agents and IE. */ resize: both; } /* Fading animation */ .fade { animation-name: fade; animation-duration: 1.5s; } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} }