MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

.guideTabs {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  padding: 0.5em 0.4em 0.4em 0.4em;
  margin: 0em 0.05em 1em 0.05em;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
  text-align: center;
  display: inline-block;
  width: 12%;
  min-width: fit-content;
  white-space: nowrap;
}
.guideTabs p {
  font-weight: bold;
}

/* This is used to draw categories on a page */
.categoryDynamic {
  max-width: fit-content;
  float: right;
  padding-bottom: 20px;
  padding-left: 20px;
}

/* The category templates use this */
.categoryBox {
  background: #FFFFFF; 
  border-radius: 5px;
  border: 1px solid #c2c2c2; 
  padding: 3px;
  padding-right: 10px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
}
.categoryBox p {
  font-weight: bold;
}

/* Dashboard boxes */
.tcWidget {
  border-radius: 5px;
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
  background: #ffffff; 
  padding: 15px;
  font-weight: bold;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
}

/* White background for pages */
.tcWidgetPage {
  border-radius: 5px;
  margin-bottom: 16px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  padding: 15px;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
}

/* Announcement classes */
.tcAnnouncement {
  padding: 10px 20px 10px 20px;
  border-radius: 5px;
  margin-bottom: 1em;
}

.tcAnnouncement p {
  font-weight: bold;
}

.green { 
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
  color:#31708F;
}

.blue {
  background-color: #dff0d8;
  border: 1px solid #D6E9C6;
  color:#3c763d;
}

/* This class is used because the hr tag doesn't work well with categories */
.line {
 border-top: 1px solid #dddddd;
 overflow: hidden;
 width: auto;
 padding-top: 10px;
 margin-bottom: 0.6em;
}

.lineStatus {
 border-top: 1px solid #000000;
 overflow: hidden;
 width: 50%;
 padding-top: 5px;
}

.hide {
  display: none;
}


.pageTitle {
font-size: 30px;
text-align: center;
color: #262626;
}

/* These are specifically for what's new articles beginning July 2025 */
.newsBlock {
width: 100%; 
display: block; 
overflow: hidden;
}
.newsCategory {
float:left; 
width: 20%; 
display: table;
}
.newsContent {
float:right; 
width: 80%; 
display: table;
}

/* Cleaning up TracCloud blog category page since it's client-facing now */
.mw-category-generated h2,
.mw-category-generated p,
.mw-category-generated h3 {
display:none;
}