Difference between revisions of "User:Tarulia/common.css"
Line 30: | Line 30: | ||
} | } | ||
− | @media (max-width: | + | @media (max-width: 800px) { |
#page-User_Tarulia_responsive_Main_Page #news div { | #page-User_Tarulia_responsive_Main_Page #news div { | ||
max-width: none; | max-width: none; |
Revision as of 17:31, 24 February 2018
#tarulia_customcss_container #tarulia_doctest_title {
background-color: rebeccapurple;
}
/***************************************************
* *
* Responsive Main Page Draft *
* *
***************************************************/
#page-User_Tarulia_responsive_Main_Page {
box-sizing: border-box;
}
#page-User_Tarulia_responsive_Main_Page *,
#page-User_Tarulia_responsive_Main_Page *:before,
#page-User_Tarulia_responsive_Main_Page *:after {
box-sizing: inherit;
}
#page-User_Tarulia_responsive_Main_Page #news {
display: flex;
flex-wrap: wrap;
}
#page-User_Tarulia_responsive_Main_Page #news > div {
display: inline-block;
padding: 1em;
flex-grow: 1;
max-width: 50%;
}
@media (max-width: 800px) {
#page-User_Tarulia_responsive_Main_Page #news div {
max-width: none;
}
}
#page-User_Tarulia_responsive_Main_Page #news > div:first-child {
background-color: salmon;
}
#page-User_Tarulia_responsive_Main_Page #news > div:last-child {
background-color: green;
}
#page-User_Tarulia_responsive_Main_Page #news ul {
list-style: none;
}