Template:Sidebox instance/styles.css: Difference between revisions
Robertbaxter (talk | contribs) (Created page with ".sidebox-event { clear: right; background-color: #E6F2F9; width: 350px; padding: 1rem; }") |
Robertbaxter (talk | contribs) m (Robertbaxter moved page Template:Sidebox event/styles.css to Template:Sidebox instance/styles.css without leaving a redirect) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.sidebox | .sidebox { | ||
clear: right; | |||
font-size: .875rem; | |||
background: #f8f9fa; | |||
padding: 1rem; | padding: 1rem; | ||
margin-bottom: 1.5rem; | |||
width: 100%; | |||
border-radius: 1rem; | |||
border: 1px solid #F1F3F5; | |||
max-width: 342px; | |||
} | |||
.sidebox.blue { | |||
background-color: #f2f8fc ; | |||
border-color: #E6F2F9; | |||
} | |||
.sidebox-image { | |||
text-align: center; | |||
} | |||
.sidebox th { | |||
text-align: left; | |||
vertical-align: top; | |||
padding: .125rem .5rem; | |||
} | |||
.sidebox td { | |||
vertical-align: top; | |||
padding: .125rem .5rem; | |||
} | |||
.sidebox p { | |||
margin: 0; | |||
} | |||
.sidebox tr th { | |||
min-width: 80px; | |||
} | |||
.sidebox th.sidebox-title { | |||
font-size: 1rem; | |||
font-weight: bold; | |||
text-align: center; | |||
font-style: italic; | |||
} | |||
.sidebox.blue th.sidebox-title { color:#003C60; } | |||
@media (min-width:640px) { | |||
.sidebox { | |||
margin: 0 0 1.5rem 1.5rem; | |||
max-width: 350px; | |||
width: auto; | |||
} | |||
} | } |
Latest revision as of 20:20, 21 December 2024
.sidebox {
clear: right;
font-size: .875rem;
background: #f8f9fa;
padding: 1rem;
margin-bottom: 1.5rem;
width: 100%;
border-radius: 1rem;
border: 1px solid #F1F3F5;
max-width: 342px;
}
.sidebox.blue {
background-color: #f2f8fc ;
border-color: #E6F2F9;
}
.sidebox-image {
text-align: center;
}
.sidebox th {
text-align: left;
vertical-align: top;
padding: .125rem .5rem;
}
.sidebox td {
vertical-align: top;
padding: .125rem .5rem;
}
.sidebox p {
margin: 0;
}
.sidebox tr th {
min-width: 80px;
}
.sidebox th.sidebox-title {
font-size: 1rem;
font-weight: bold;
text-align: center;
font-style: italic;
}
.sidebox.blue th.sidebox-title { color:#003C60; }
@media (min-width:640px) {
.sidebox {
margin: 0 0 1.5rem 1.5rem;
max-width: 350px;
width: auto;
}
}