Common.css: Difference between revisions
From Redrock Wiki
No edit summary |
No edit summary |
||
(132 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;} | ||
. | .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; | |||
} | } | ||
Line 20: | Line 157: | ||
color: grey; | 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; }