/*

  Note! This needs to be placed finally in the top folder so it can be
  included easily for other languages as well as there are no l10n specific
  styles included right now.

*/

/*
  This stylesheet file is used within the download website

  https://www.debian.org Stylesheet

  Copyright Debian WebTeam 2019

  This stylesheet is free software; you can redistribute it and/or modify it
  under the terms of the GNU General Public License, version 2, as published by
  the Free Software Foundation.

  This program is distributed in the hope that it will be useful, but WITHOUT ANY
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  PARTICULAR PURPOSE. See the GNU General Public License for more details.

  You should have received a copy of the GNU General Public License along with
  this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
  Street, Fifth Floor, Boston, MA 02110-1301 USA.

  The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
  /usr/share/common-licenses/GPL-2 on Debian.
*/

h3 {
  background-color: #f0f0f0;
  padding: 6px;
  border: 2px solid #787878;
  border-radius: 4px;
}

.centered-middle-50 {
  width: 50%;
  left: 50%;
  top: 50%;
  text-align: left;
}

.centered-middle-50-none-list {
  list-style-type: none;
}

.centered-middle-50-none-list>li {
  margin-bottom : 6px;
}

.centered-middle-50-none-list>p>em {
  margin-bottom : -5px;
  margin-left : 15px;
}

.centered-middle-50-none-list>li>p {
  margin-top : -1px;
  margin-bottom : 0px;
  margin-left : 15px;
}

.col50-text {
  margin-top: 95px;
  margin-left: 7%;
  margin-right: 9%;
}

.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* CSS Styling stuff for download buttons

   The following stuff is based on debhome.css line 48 - 85.
   It's can't be used from this CSS file directly with some override as other
   style elements get's broken then.
   As it's need heavily modified anyway the original CSS was taken and adopted.
 */

/* The core classes. */
.dl-btn-img {
  display: block;
  position: absolute;
  font-size: 1.5em;
  line-height: 2;
  background-color: #ededed;
  margin-top: -25px;
}

.dl-btn-img a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  border: 0.15em solid #339900;
  display: block;
  background: transparent url('../Pics/emblem-downloads.png') no-repeat 5px 5px; 
  padding-left: 30px;
  padding-right: 1em;
  color:#339900;
}

.dl-btn-img a em {
  font-size: 0.75em;
  font-weight: normal;
  clear: right;
  line-height: 0.5em;
  font-style: normal;
  display: block;
  margin-bottom: 1em;
}

.dl-btn-img-nonfree a:hover {
  color: white;
}

.dl-btn-img-free a:hover em {
  color: white;
}

/* The overidden elements for the installer and the LiveCD varaiants. */
.dl-btn-img-free {
  left: 5%;
  right: 78%
}

.dl-btn-img-nonfree {
  left: 23%;
  right: 56%
}

.dl-btn-live-free {
  left: 47%;
  right: 35%
}

.dl-btn-live-nonfree {
  left: 67%;
  right: 15%
}

.dl-btn-img-nonfree a {
  border: 0.15em solid #f92908;
}

.dl-btn-img-free a:hover {
  background-color: #339900; /* green */
	color: white;
}

.dl-btn-img-nonfree a:hover {
  background-color: #d2351c; /* red */
}

.dl-btn-img-free a em {
  color: #339900;
}

.dl-btn-img-nonfree a em {
  color: #f92908;
}

.dl-btn-img-free a:hover em {
  background-color: #339900;
}

.dl-btn-img-nonfree a:hover em {
  background-color: #d2351c;
  color: white;
}