User:0x99/styles.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
#pm- | #pm-subbox ul { | ||
display: inline-flex; | |||
list-style: none; | |||
margin | margin: 0; | ||
padding: | padding: 0; | ||
} | |||
#pm-subbox li { | |||
display: inline-block; | |||
margin: 0 8px 0; | |||
} | } | ||
Line 18: | Line 22: | ||
#pm-news { | #pm-news { | ||
background-color: # | background-color: #fdf5ff; | ||
border-color: #f8d7ff; | border-color: #f8d7ff; | ||
} | } | ||
Line 25: | Line 29: | ||
border-color: #f8d4ff; | border-color: #f8d4ff; | ||
background-color: #fbe7ff; | background-color: #fbe7ff; | ||
} | |||
#pm-notice { | |||
background-color: #fafcfd; | |||
border: 1px solid #e0ece9; | |||
margin-bottom: 8px; | |||
padding: 8px; | |||
text-align: center; | |||
} | } | ||
Line 48: | Line 60: | ||
.pm-container .pm-container__box { | .pm-container .pm-container__box { | ||
border: 1px solid # | background-color: #f8f9fc; | ||
margin-bottom: | border: 1px solid #dee3ed; | ||
padding: | margin-bottom: 8px; | ||
padding: 8px 8px 0; | |||
} | } | ||
.pm-container .pm-container__h2 { | .pm-container .pm-container__h2 { | ||
border: 1px solid # | background-color: #e9efff; | ||
border: 1px solid #d4dfff; | |||
font-family: sans-serif; | font-family: sans-serif; | ||
font-size: 1em; | font-size: 1em; | ||
font-weight: bold; | font-weight: bold; | ||
margin-bottom: | margin-bottom: 8px; | ||
margin-top: 0; | margin-top: 0; | ||
padding: | padding: 8px; | ||
} | } | ||
.pm-container .pm-container__content { | .pm-container .pm-container__content { | ||
margin: 0 0 | margin: 0 0 8px 0; | ||
} | } | ||
@media (min-width: | .pm-container .pm-container__content--centered { | ||
text-align: center; | |||
} | |||
.pm-container .pm-container__content .image img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
@media (min-width: 878px) { | |||
.pm-container { | .pm-container { | ||
display: flex; | display: flex; | ||
} | |||
.pm-container .pm-container__box { | |||
flex: 1; | |||
} | } | ||
Line 107: | Line 134: | ||
.pm-container .pm-container__box--3\/4 { | .pm-container .pm-container__box--3\/4 { | ||
flex: 1 1 75%; | flex: 1 1 75%; | ||
} | |||
.pm-container .pm-container__box--1\/5 { | |||
flex: 1 1 20%; | |||
} | |||
.pm-container .pm-container__box--2\/5 { | |||
flex: 1 1 40%; | |||
} | |||
.pm-container .pm-container__box--3\/5 { | |||
flex: 1 1 60%; | |||
} | |||
.pm-container .pm-container__box--4\/5 { | |||
flex: 1 1 80%; | |||
} | } | ||
} | } |
Latest revision as of 09:54, 16 September 2023
#pm-subbox ul { display: inline-flex; list-style: none; margin: 0; padding: 0; } #pm-subbox li { display: inline-block; margin: 0 8px 0; } #pm-main-visual { border-color: #ebdfff; background-color: #fbf9ff; } #pm-main-visual .pm-container__h2 { border-color: #dfcbff; background-color: #eee3ff; } #pm-news { background-color: #fdf5ff; border-color: #f8d7ff; } #pm-news .pm-container__h2 { border-color: #f8d4ff; background-color: #fbe7ff; } #pm-notice { background-color: #fafcfd; border: 1px solid #e0ece9; margin-bottom: 8px; padding: 8px; text-align: center; } #pm-content-left { border-color: #d7f2ff; background-color: #f2fbff; } #pm-content-left .pm-container__h2 { border-color: #bdebff; background-color: #d6f2ff; } #pm-content-right { border-color: #ffefbb; background-color: #fffdf5; } #pm-content-right .pm-container__h2 { background-color: #fff9e6; border-color: #ffefbb; } .pm-container .pm-container__box { background-color: #f8f9fc; border: 1px solid #dee3ed; margin-bottom: 8px; padding: 8px 8px 0; } .pm-container .pm-container__h2 { background-color: #e9efff; border: 1px solid #d4dfff; font-family: sans-serif; font-size: 1em; font-weight: bold; margin-bottom: 8px; margin-top: 0; padding: 8px; } .pm-container .pm-container__content { margin: 0 0 8px 0; } .pm-container .pm-container__content--centered { text-align: center; } .pm-container .pm-container__content .image img { max-width: 100%; height: auto; } @media (min-width: 878px) { .pm-container { display: flex; } .pm-container .pm-container__box { flex: 1; } .pm-container .pm-container__left { margin-right: 2px; } .pm-container .pm-container__middle { margin-left: 2px; margin-right: 2px; } .pm-container .pm-container__right { margin-left: 2px; } .pm-container .pm-container__box--1\/2 { flex: 1 1 50%; } .pm-container .pm-container__box--2\/3 { flex: 1 1 66%; } .pm-container .pm-container__box--1\/3 { flex: 1 1 33%; } .pm-container .pm-container__box--1\/4 { flex: 1 1 25%; } .pm-container .pm-container__box--2\/4 { flex: 1 1 50%; } .pm-container .pm-container__box--3\/4 { flex: 1 1 75%; } .pm-container .pm-container__box--1\/5 { flex: 1 1 20%; } .pm-container .pm-container__box--2\/5 { flex: 1 1 40%; } .pm-container .pm-container__box--3\/5 { flex: 1 1 60%; } .pm-container .pm-container__box--4\/5 { flex: 1 1 80%; } }