User:Pax/sandbox.css: Difference between revisions

From From Dusk till Jawn
Jump to navigation Jump to search
No edit summary
No edit summary
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
.portraitcontainer {
#urhan {color: #FFFFFF; background-color: #140E0A; padding:0em; margin-bottom: 0; font-family: Josefin Sans; font-size: 12pt; position: relative; text-align: center;}
  position: relative;
  width: 587px;
}
 
.image {
  display: block;
  width: 100%;
  height: auto;
}
 
.portraitoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #140E0A;
}


.portraitcontainer:hover .portraitoverlay {
.urhanpic {border: 0px solid black; position: absolute; top: 16px; left: 16px;}
  opacity: .8;
/* Opacity #1 */
.urhanpic img {
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
}
 
.urhanpic :hover img {
.portraittext {
opacity: .4;
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
}

Latest revision as of 13:13, 16 January 2021

#urhan {color: #FFFFFF; background-color: #140E0A; padding:0em; margin-bottom: 0; font-family: Josefin Sans; font-size: 12pt; position: relative; text-align: center;}

.urhanpic {border: 0px solid black; position: absolute; top: 16px; left: 16px;}
/* Opacity #1 */
.urhanpic img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.urhanpic :hover img {
	opacity: .4;
}
Retrieved from "http://www.fromdusktilljawn.com/w/index.php?title=User:Pax/sandbox.css&oldid=14963"