with the class "divider" would look like. If I wrote actual content inside the
, the content's bottom border would as described below. However, because I don't write anything inside the
, it gives me the bottom border and nothing else, giving me a nice flexible divider to use in between paragraphs and whatnot. It's a little difficult to describe via text, so I suggest playing around with it a bit and seeing what happens. */
.stamps {
height: 75px;
border-width: 7px;
border-style: solid;
border-image: url("https://i.imgur.com/8xftJ3v.gif") 7 fill round;
}
.divider {
border-bottom: 1.5px dashed transparent;
border-image: linear-gradient(to right,
#f393fe,
#ce93ff,
#909cff,
#8fd4ff,
#90ffef,
#93ff92,
#e0fe93,
#fde091,
#ffba91,
#ff939c,
#fe92dc
)1;
margin: 5px 3px;
}
.my-divider {
display: block;
margin: 15px auto;
max-width: 100%;
height: 3px;
}
.dividerimage2 {
display:block;
height: 20px;
width: 100%;
max-width: 100%;
margin: 7px auto;
}
.scrollbox {
height: 80%;
padding: 5px;
overflow-y: auto;
overflow-x: hidden;
border: 3px ridge #ff5eb7;
text-align: left;
box-sizing: border-box;
background-image: url(/images/rainbowstr.gif);
}
.image-zoom {
transition: transform .2s;
}
.image-zoom:hover {
transform: scale(1.04);
}
/* Defining how the dog picture looks and behaves */
.winterimg {
position: fixed; /* It's position being fixed ensures it stays in the same spot inside the window no matter what */
bottom: -9%; /* Declaring no space between the dog and the bottom of the window */
right: -1%; /* Declaring no space between the dog and the right-side of the window */
width: 200px;
background-size: contain;
z-index: 999;
}
.catfanimg {
position: fixed; /* It's position being fixed ensures it stays in the same spot inside the window no matter what */
bottom: -8%; /* Declaring no space between the dog and the bottom of the window */
left: 6%; /* Declaring no space between the dog and the right-side of the window */
width: 170px;
z-index: 999;
}
.lordgarmadonimg {
position: relative;
margin-top: -900px; /* Declaring no space between the dog and the bottom of the window */
margin-left: -350px; /* Declaring no space between the dog and the right-side of the window */
width: 250px;
z-index: 999;
filter:
sepia(1)
hue-rotate(210deg)
saturate(2)
brightness(0.9)
contrast(1)
drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 10px);
}
100% {
transform: translate(0, 0px);
}
}
.coleimg {
position: absolute;
margin-top: -400px; /* Declaring no space between the dog and the bottom of the window */
margin-left: 280px; /* Declaring no space between the dog and the right-side of the window */
width: 200px;
z-index: 999;
transition: 0.3s;
filter:
sepia(1)
hue-rotate(210deg)
saturate(2)
brightness(0.9)
contrast(1)
drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.5));
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
0% {
transform: translate(0, 0px);
}
50% {
transform: translate(0, 10px);
}
100% {
transform: translate(0, 0px);
}
}
.imagesontop {
height: 0px;
text-align: center;
align-items:center;
}
.srcs {
position: relative;
transition: transform 0.1s linear;
}
.srcs:hover {
z-index: 999;
transform: scale(1.3);
cursor: url(https://file.garden/ZqfKzg436UJIw7Ww/pointer.cur), auto !important;
}
.gallery-photo {
overflow: hidden;
transition: transform 0.1s ease-in-out;
}
.gallery-photo img {
object-fit: cover;
height:200px;
width:auto;
display:block;
margin: 5px auto;
border-width:7px;
border-style:solid;
border-image: url("https://foollovers.com/mat/menu05/51a-none.gif") 9 fill round;
}
.gallery-photo:hover {
transform: scale(1.2);
cursor: url(https://file.garden/ZqfKzg436UJIw7Ww/chatbubble.cur), auto !important;
}
.gallery-caption {
font-family: 'Basiic';
font-size: 14px;
padding: 10px;
margin: 0 auto;
text-align: center;
color: white;
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: #141414;
paint-order: stroke fill;
}
.image-link {
display:block;
height:15em;
width:20em;
margin: auto;
border: 1.5px dashed white;
border-radius: 10px;
transition: transform 0.1s linear;
}
.image-link:hover {
z-index: 999;
transform: scale(1.3);
cursor: url(https://file.garden/ZqfKzg436UJIw7Ww/pointer.cur), auto !important;
}