MediaWiki

Common.css: Difference between revisions

From Redrock Wiki

No edit summary
Tag: Reverted
No edit summary
 
(141 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 11: Line 15:
a:hover, a:focus {color: #032356;}
a:hover, a:focus {color: #032356;}


.keywords {
.guideTabs {
  display: none;
  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;
}
 
.guideTabsTight {
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
  margin: 0em 0.05em 1em 0.05em;
  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;
}
 
.categoryWider {
  width: 20em;
  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;
}
 
.lineStatus {
border-top: 1px solid #000000;
overflow: hidden;
width: 50%;
padding-top: 5px;
}
 
.hide {
  display: none;
}
}
.mw-search { display: none; }


.mw-ui-button {
.mw-ui-button {
    color: #ff0000;
color: grey;
}
}
/* Reduce background brightness, maximum: F9F9F9 */
#content { background-color: #eeeeee; }
#bodyContent { background-color: #eeeeee; }
#catlinks { background-color: #eeeeee; }
body { background-color: #eeeeee; }

Latest revision as of 12:04, 14 October 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;
}

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

.categoryWider {
  width: 20em;
  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;
}

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

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