/*
 * CSS hacks and small modification for my Sphinx website
 * :copyright: Copyright 2013-2016 Lilian Besson
 * :license: GPLv3, see LICENSE for details.
 */


/* Colors and text decoration.
 For example, :black:`text in black` or :blink:`text blinking` in rST. */

 .black {
  color: black;
}

.gray {
  color: gray;
}

.grey {
  color: gray;
}

.silver {
  color: silver;
}

.white {
  color: white;
}

.maroon {
  color: maroon;
}

.red {
  color: red;
}

.magenta {
  color: magenta;
}

.fuchsia {
  color: fuchsia;
}

.pink {
  color: pink;
}

.orange {
  color: orange;
}

.yellow {
  color: yellow;
}

.lime {
  color: lime;
}

.green {
  color: green;
}

.olive {
  color: olive;
}

.teal {
  color: teal;
}

.cyan {
  color: cyan;
}

.aqua {
  color: aqua;
}

.blue {
  color: blue;
}

.navy {
  color: navy;
}

.purple {
  color: purple;
}

.under {
  text-decoration: underline;
}

.over {
  text-decoration: overline;
}

.blink {
  text-decoration: blink;
}

.line {
  text-decoration: line-through;
}

.strike {
  text-decoration: line-through;
}

.it {
  font-style: italic;
}

.ob {
  font-style: oblique;
}

.small {
  font-size: small;
}

.large {
  font-size: large;
}

.smallpar {
  font-size: small;
}


/* Style pour les badges en bas de la page. */

div.supportBadges {
  margin: 1em;
  text-align: right;
}

div.supportBadges ul {
  padding: 0;
  display: inline;
}

div.supportBadges li {
  display: inline;
}

div.supportBadges a {
  margin-right: 1px;
  opacity: 0.6;
}

div.supportBadges a:hover {
  opacity: 1;
}


/* Details elements in the sidebar */

a.reference {
  border-bottom: none;
  text-decoration: none;
}

ul.details {
  font-size: 80%;
}

ul.details li p {
  font-size: 85%;
}

ul.externallinks {
  font-size: 85%;
}


/* Pour le drapeau de langue */

img.languageswitch {
  width: 50px;
  height: 32px;
  margin-left: 5px;
  vertical-align: bottom;
}

div.sphinxsidebar {
  overflow: hidden !important;
  font-size: 120%;
  word-wrap: break-word;
  width: 300px;
  max-width: 300px;
}

div.sphinxsidebar h3 {
  font-size: 125%;
}

div.sphinxsidebar h4 {
  font-size: 110%;
}

div.sphinxsidebar a {
  font-size: 85%;
}


/* Image style for scrollUp jQuery plugin */

#scrollUpLeft {
  bottom: 50px;
  left: 260px;
  height: 38px;
  width: 38px;
  background: url('//perso.crans.org/besson/_images/.top.svg');
  background: url('../_images/.top.svg');
}

@media screen and (max-width: 875px) {
  #scrollUpLeft {
      right: 50px;
      left: auto;
  }
}


/* responsive for font-size. */

@media (max-width: 875px) {
  body {
      font-size: 105%;
      /* Increase font size for responsive theme */
  }
}

@media (max-width: 1480px) and (min-width: 876px) {
  body {
      font-size: 110%;
      /* Increase font size for not-so-big screens */
  }
}

@media (min-width: 1481px) {
  body {
      font-size: 115%;
      /* Increase even more font size for big screens */
  }
}


/* Social Icons in the sidebar (available: twitter, facebook, linkedin, google+, bitbucket, github) */

.social-icons {
  display: inline-block;
  margin: 0;
  text-align: center;
}

.social-icons a {
  background: none no-repeat scroll center top #444444;
  border: 1px solid #F6F6F6;
  border-radius: 50% 50% 50% 50%;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin: 0;
  text-indent: -9000px;
  transition: all 0.2s ease 0s;
  text-align: center;
  border-bottom: none;
}

.social-icons li {
  display: inline-block;
  list-style-type: none;
  border-bottom: none;
}
.social-icons li a {
  border-bottom: none;
}

.social-icons a:hover {
  background-color: #666666;
  transition: all 0.2s ease 0s;
  text-decoration: none;
}

.social-icons a.facebook {
  background-image: url('../_images/.facebook.png');
  background-image: url('//perso.crans.org/besson/_images/.facebook.png');
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: 35px 35px;
}

.social-icons a.bitbucket {
  background-image: url('../_images/.bitbucket.png');
  background-image: url('//perso.crans.org/besson/_images/.bitbucket.png');
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: 35px 35px;
}

.social-icons li a.github {
  background-image: url('../_images/.github.png');
  background-image: url('//perso.crans.org/besson/_images/.github.png');
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: 35px 35px;
}

.social-icons li a.wikipedia {
  background-image: url('../_images/.wikipedia.png');
  background-image: url('//perso.crans.org/besson/_images/.wikipedia.png');
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-size: 35px 35px;
}