doxy-reswitched.css

body {
  /* use a flexbox to center all our cards */
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #303036;
}

#top {
  width: 100%;
  background-color: #47474e;
}

#titlearea {
  color: white;
  margin: 10px;
  border-bottom: none;
}

/* TODO: navbar */

div.header {
  width: 100%;
  border-bottom: none;
  background-color: #47474e;
  background-image: none;
  color: white;
  
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

div.headertitle {
  margin-left: 10px;
}

div.headertitle .title {
  /* bold looks bad */
  font-weight: normal;
}

div.summary {
}

.contents {
  /* cards don't need to be pushed up against the edges of the window*/
  width: 60%;
}

.contents p {
  /* readability */
  color: white;
}

.contents .textblock {
  /* readability */
  color: white;
}

.contents .textblock .dyncontent {
  /* add some margins around the graphs to push them away from the text a little */
  margin-top: 10px;
  margin-bottom: 20px;
}

table.memberdecls {
  background-color: #4c4c54;
  border-radius: .25rem;
  margin-bottom: 24px; /* distance between cards */
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  border-collapse: separate;
  line-height: 1.8;
}

/* card headers */
table.memberdecls tr.heading td {
  border-radius: .25rem .25rem 0 0;
  background-color: #47474e;
  padding: .75rem 1.25rem;
}

/* this is the first entry that's not the header. we fake a margin on top using a border */
table.memberdecls tr:nth-child(2) td {
  border-top: 30px solid #515159;
}

/* fake a margin on the bottom */
table.memberdecls tr:last-child td {
  border-bottom: 10px solid #515159;
  
  /* keep the bottom of our card curved */
  border-radius: 0 0 .25rem .25rem;
}

h2.groupheader {
  border-bottom: none;
  color: #eeeeec;
  
  font-size: 1.6rem;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: .5rem;
  padding: 0;
}

.mdescLeft, .mdescRight, .memItemLeft, .memItemRight, .memTemplItemLeft, .memTemplItemRight, .memTemplParams, .memSeparator {
  background-color: #515159;
  padding: 0 1.25rem;
  color: white;
	font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

.memItemLeft, .memItemRight {
  /* these make up the header for each declaration */
  background-color: #3A3A3F;
  -webkit-box-shadow: 0px 0px 1px 0px inset rgba(0,0,0,0.15);
}

.memItemLeft {
  /* fake a margin */
  border-left: 30px solid #515159;
}

.memItemRight {
  /* fake a margin */
  border-right: 30px solid #515159;
}

.memSeparator {
  height: 20px;
  border-bottom: none;
}

a {
  color: #19cf9b !important;
}

.memtitle {
  background-image: none;
  border-radius: 0;
  width: 100%;
}

.memproto, .memdoc {
  background-color: #515159;
  width: 100%;
  border: none;
}