Difference between revisions of "User:Tarulia/common.css"

Line 30: Line 30:
 
}
 
}
  
@media (max-width: 500px) {
+
@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;
}