@import url(docutils.css?v=1.3);
@import url(donations.css?v=1.3);

body {
    font-family: arial, verdana, helvetica, sans-serif;
    max-width: 80em;
    margin: 1em auto;
    display: grid;
    gap: 0.5em;
}

@media (min-width: 30em) {
	body {
		grid-template-columns: 1fr 5fr;
		grid-template-rows: auto 1fr min-content;
	}
}

header,
footer {
	grid-column: 1 / -1;
}

header {
  position: relative;
  background-image: url('/images/backgroundtop.png?v=1.0');
  background-repeat: repeat-x;
  width: 100%;
  height: 109px;
  margin: 0;
  padding: 0;
}

footer {
  text-align: right;
  color: #555555;
}


.leftimage {
  position: absolute;
  top: 0px;
  left: 0px;
}

.rightimage {
  position: absolute;
  top: 0px;
  right: 0px;
}

/* top menu */
.topmenu {
  margin-top: 82px;
}

.topmenu a {
  font-weight: bold;
  padding: 0 0.5em;
}

.topmenu :link {
  text-decoration: none    ;
  color:           #ffffff }
  
.topmenu :link:hover {
  text-decoration: underline }
  
.topmenu :visited {
  text-decoration: none    ;
  color:           #ffffff }

.topmenu :visited:hover {
  text-decoration: underline }


.tree-head {
  list-style-image: url('/images/pointer.png?v=1.0');
  padding-left: 20px;
  margin-top: 0;
  font-weight: bold;
}

.tree-entry {
  list-style-image: url('/images/bullet.gif?v=1.0');
  padding-left: 5px;
  font-weight: normal;
}

.tree {
    font-size:   13px ;
    color:       #000000 }

.tree :link {
    text-decoration: none    ;
    color:           #000000 }
    
.tree :link:hover {
    text-decoration: underline }
    
.tree :visited {
    text-decoration: none    ;
    color:           #000000 }

.tree :visited:hover {
    text-decoration: underline }

/* sections of the front page */
section {
    background-color: #f2f6ff;
    padding: 1em;
    margin-bottom: 1em;
}

/* single rss feed */
.rssfeed {
    background-image: url('/images/bgcolorright.png?v=1.0');
    padding: 1em;
}

.rssfeed-img {
    float: left;
    margin-right: 1em;
}

.rss-object {
    width: 100%;
}

/* for the front page we need another flex grid so we can have
   the rssfeeds on the right side.*/
.front-container {
  display: grid;
  grid-template-columns: 5fr 1fr;
  gap: 0.5em;
}

/* for the iframe which shows the nightly builds */
.download-iframe {
  width: 100%;
  height: 4000px;
  border: none;
}

.download-iframe::-webkit-scrollbar {
  display: none; /* Hide scrollbar for better appearance */
}

/* image container for sponsors */
.image-container {
    text-align: center;
    display: block;
}

.image-container img {
    display: inline-block;
    margin: 10px 0;
    max-width: 100%;
    height: auto;
}

div.document {
    padding: 0px 10px 0px 10px }

div.gallerygroup {
	clear: left;
}

div.gallery {
	margin: 4px;
	padding: 2px;
	border: 1px solid #000000;
	height: 400px;
	width: 320px;
	float: left;
	text-align: center;
}

div.gallery img {
	display: inline;
	margin: 5px;
	border: 1px solid #ffffff;
}

div.gallery a:hover img {
    border:1px solid #0000ff;
}

div.gallerydesc {
	text-align: center;
	font-weight: normal;
	width: auto;
	margin: 5px;
}


/*h1 {
    padding:            2px              ;
    border:             thin solid black ;
    color:              #b83939;
    background:         #ded19d}
*/

h1.title {
    text-align: left    }
    
    /*background: #b83939  } */
    /*
h2 {
    padding:            2px               ;
    border:             thin dotted black ;
    color:              #000000           ;
    background:         #d67171           }
  */  

table.layout {
  margin-top:    0 ;
  margin-bottom: 0 }

table.layout.nightly {
  border-collapse: collapse;
  margin-top:    0 ;
  margin-bottom: 0 }

td.layout, th.layout {
  padding-left:  0 ;
  padding-right: 0 }

td.layout.nightly, th.layout.nightly {
  border: 1px solid #000000;
  padding-left:  0 ;
  padding-right: 0 }

td.layout.padded {
  border: 1px solid #000000;
  padding: 8px }

td.layout.invis {
  background-color: #ffffff;
  border: 0;
  padding: 8px }