Template:Event Box/styles.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with ".box { border: 2px solid #c0c4d6; border-radius: 8px; display: block; width: 300px; background-color: white; filter: drop-shadow(1px 1px 5px rgba(168,168,168,.4)); } img { width: auto; max-height: 200px; } .title { text-align: center; margin: 0; font-weight: 600; font-size: x-large; padding: 20px 10px; line-height: 1.2; color: #4d4d4d; } .line:before, .line:after { height: 2px; background-color: #a8a8a...") |
mNo edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.box { | .box { | ||
border: | border: 1.5px solid #c0c4d6; | ||
border-radius: 8px; | border-radius: 8px; | ||
display: block; | display: block; | ||
width: | width: 400px; | ||
background-color: white; | background-color: white; | ||
filter: drop-shadow(1px 1px 5px rgba(168,168,168,.4)); | filter: drop-shadow(1px 1px 5px rgba(168,168,168,.4)); | ||
padding: 10px; | |||
} | } | ||
img { | img { | ||
Line 16: | Line 17: | ||
margin: 0; | margin: 0; | ||
font-weight: 600; | font-weight: 600; | ||
font-size: | font-size: large; | ||
padding: 20px 10px; | padding: 20px 10px; | ||
line-height: 1.2; | line-height: 1.2; | ||
Line 23: | Line 24: | ||
.line:before, .line:after { | .line:before, .line:after { | ||
height: | height: 1.5px; | ||
background-color: #a8a8a9; | background-color: #a8a8a9; | ||
content: ""; | content: ""; | ||
Line 38: | Line 39: | ||
} | } | ||
. | .box .title a { | ||
color: #4d4d4d; | |||
} | } |
Latest revision as of 19:30, 30 July 2024
.box {
border: 1.5px solid #c0c4d6;
border-radius: 8px;
display: block;
width: 400px;
background-color: white;
filter: drop-shadow(1px 1px 5px rgba(168,168,168,.4));
padding: 10px;
}
img {
width: auto;
max-height: 200px;
}
.title {
text-align: center;
margin: 0;
font-weight: 600;
font-size: large;
padding: 20px 10px;
line-height: 1.2;
color: #4d4d4d;
}
.line:before, .line:after {
height: 1.5px;
background-color: #a8a8a9;
content: "";
display: block;
width: 50%;
}
.line {
margin: 0;
padding: 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.box .title a {
color: #4d4d4d;
}