User:Tarulia/common.css

Revision as of 19:11, 24 February 2018 by Tarulia (talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#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;
}

/*
 *         News Section
 */

#page-User_Tarulia_responsive_Main_Page #news {
  display: flex;
  flex-wrap: wrap;
}

#page-User_Tarulia_responsive_Main_Page #news > div {
  padding: 1em;
  flex-grow: 1;
  max-width: 50%;
}

#page-User_Tarulia_responsive_Main_Page #news > div:first-child {
  margin-right: .5em;
}

#page-User_Tarulia_responsive_Main_Page #news > div:last-child {
  margin-left: .5em;
}

#page-User_Tarulia_responsive_Main_Page #news ul {
  list-style: none;
}

@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, 
  #page-User_Tarulia_responsive_Main_Page #news > div:last-child {
    margin: 0;
  }
}


/*
 *    Statistics
 */
#page-User_Tarulia_responsive_Main_Page #statistics {
  padding: 1em;
  margin-top: 1em;
}

/*
 *    Features
 */
#page-User_Tarulia_responsive_Main_Page #features {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

#page-User_Tarulia_responsive_Main_Page #features a {
  margin-top: 1em;
}
/*
 *    Quick Links
 */

#page-User_Tarulia_responsive_Main_Page #quicklinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#page-User_Tarulia_responsive_Main_Page #quicklinks h2 {
  width: 100%;
}

#page-User_Tarulia_responsive_Main_Page #quicklinks li {
  list-style-image: url({{filepath:{{PAGENAME:File:Map27_Icon.png}}}});
}

#page-User_Tarulia_responsive_Main_Page #quicklinks li:last-child {
  list-style-image: url({{filepath:{{PAGENAME:File:Map28_Icon.png}}}});
}