MediaWiki

Common.css: Difference between revisions

From Redrock Wiki

No edit summary
No edit summary
Tag: Manual revert
 
(25 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;
}
}


.guideTabs {
.guideTabsTight {
   background: #FFFFFF;
   background: #FFFFFF;
   border-radius: 5px;
   border-radius: 5px;
Line 21: Line 36:
   padding-top: 0.5em;
   padding-top: 0.5em;
   padding-bottom: 0.4em;
   padding-bottom: 0.4em;
   margin: -1em 0.5em -1em 0.5em;
   margin: 0em 0.05em 1em 0.05em;
   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 27: Line 42:
   display: inline-block;
   display: inline-block;
   width: 12%;
   width: 12%;
  min-width: 7em;
}
}


Line 42: Line 58:
.categoryWide {
.categoryWide {
   width: 16em;
   width: 16em;
  float: right;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-top: 0px;
  padding-left: 20px;
}
.categoryWider {
  width: 20em;
   float: right;
   float: right;
   padding-right: 0px;
   padding-right: 0px;
Line 66: Line 91:
   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 80: Line 104:
   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 89: Line 121:
   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 98: Line 139:
  width: auto;
  width: auto;
  padding-top: 10px;
  padding-top: 10px;
}
.lineStatus {
border-top: 1px solid #000000;
overflow: hidden;
width: 50%;
padding-top: 5px;
}
}


Line 110: Line 158:
}
}


/* 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 11:34, 11 November 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; }