MediaWiki

Common.css: Difference between revisions

From Redrock Wiki

No edit summary
No edit summary
 
(37 intermediate revisions by the same user not shown)
Line 4: Line 4:
.title { display: none; }
.title { display: none; }
#tagline { display: none; }
#tagline { display: none; }
.keywords {
  display: none;
}


/* Link Color */
/* Link Color */
Line 10: Line 14:
/* Hover Color */
/* Hover Color */
a:hover, a:focus {color: #032356;}
a:hover, a:focus {color: #032356;}
.keywords {
  display: none;
}


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


Line 62: Line 67:
   padding: 3px;
   padding: 3px;
   font-weight: bold;
   font-weight: bold;
  line-height: 50px;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
}
}
Line 76: Line 80:
   font-weight: bold;
   font-weight: bold;
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
   box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
   line-height: 50px;
}
 
.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);
}
}


Line 85: Line 97:
   border-radius: 5px;
   border-radius: 5px;
   color:#31708F;
   color:#31708F;
  margin-bottom: 1em;
}
.tcAnnouncement2 {
  background-color: #dff0d8;
  padding: 10px 20px 10px 20px;
  border: 1px solid #D6E9C6;
  border-radius: 5px;
  color:#3c763d;
   margin-bottom: 1em;
   margin-bottom: 1em;
}
}
Line 106: Line 127:
}
}


/* Reduce background brightness */
/* Reduce background brightness, maximum: F9F9F9 */
#content { background-color: #F9F9F9; }
#content { background-color: #eeeeee; }
#bodyContent { background-color: #F9F9F9; }
#bodyContent { background-color: #eeeeee; }
#catlinks { background-color: #F9F9F9; }
#catlinks { background-color: #eeeeee; }
body { background-color: #F9F9F9; }
body { background-color: #eeeeee; }

Latest revision as of 12:50, 2 January 2024

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

/* Hide titles */ 
.title { display: none; }
#tagline { display: none; }

.keywords {
   display: none;
}

/* Link Color */
a {color: #0645ad;}

/* Hover Color */
a:hover, a:focus {color: #032356;}

.guideTabs {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
  margin: 0em 0.5em 1em 0.5em;
  font-weight: bold; 
  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: 7em;
}

/* These are used to draw categories on a page */

.category {
  width: 14em;
  float: right;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-top: 0px;
  padding-left: 20px;
}

.categoryWide {
  width: 16em;
  float: right;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-top: 0px;
  padding-left: 20px;
}

.categoryExtraWide {
  width: 26em;
  float: right;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-top: 0px;
  padding-left: 20px;
}

/* The category template uses this */

.categoryBox {
  background: #FFFFFF; 
  border-radius: 5px;
  border: 1px solid #c2c2c2; 
  padding: 3px;
  font-weight: bold;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.16),0 0 2px 0 rgba(0,0,0,.12);
}

/* Dashboards stuff */

.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);
}

.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);
}

.tcAnnouncement {
  background-color: #D9EDF7;
  padding: 10px 20px 10px 20px;
  border: 1px solid #BCE8F1;
  border-radius: 5px;
  color:#31708F;
  margin-bottom: 1em;
}

.tcAnnouncement2 {
  background-color: #dff0d8;
  padding: 10px 20px 10px 20px;
  border: 1px solid #D6E9C6;
  border-radius: 5px;
  color:#3c763d;
  margin-bottom: 1em;
}

/* 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;
}

.hide {
  display: none;
}

.mw-search { display: none; }

.mw-ui-button {
color: grey;
}

/* Reduce background brightness, maximum: F9F9F9 */
#content { background-color: #eeeeee; }
#bodyContent { background-color: #eeeeee; }
#catlinks { background-color: #eeeeee; }
body { background-color: #eeeeee; }