Template:Event Box/styles.css: Difference between revisions

From Umamusume Wiki
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: 2px solid #c0c4d6;
     border: 1.5px solid #c0c4d6;
     border-radius: 8px;
     border-radius: 8px;
     display: block;
     display: block;
     width: 300px;
     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: x-large;
     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: 2px;
     height: 1.5px;
     background-color: #a8a8a9;
     background-color: #a8a8a9;
     content: "";
     content: "";
Line 38: Line 39:
}
}


.horseshoe {
.box .title a {
    width: 20px;
color: #4d4d4d;
    transform: rotate(180deg);
    margin: 0 10px;
}
}

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;
}