Difference between revisions of "User:CasparGoch/gmw.css"
Jump to navigation
Jump to search
CasparGoch (talk | contribs) (Created page with " →goMediaWiki skin. Black RIDER layout: →***************************: →** Core html setup stuff **: →***************************: html, body, div, span, applet, obj...") |
CasparGoch (talk | contribs) m (CasparGoch moved page User:CasparGoch/gmw.css to User:CasparGoch/gmwfreeblue.css without leaving a redirect) |
(No difference)
| |
Revision as of 19:34, 14 April 2015
/* goMediaWiki skin. Black RIDER layout */
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
a {
color: #4380d3;
}
a:hover {
text-decoration: none;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
body {
font-family: 'OpenSans', sans-serif !important;
font-size: 16px;
color: #000000;
}
p {
margin: .4em 0 .5em 0;
line-height: 1.5em;
}
pre {
padding: 0.5em;
background-color: #F6F8DF;
border:1px dashed #F0F0F0;
}
/* header */
div.topBgr {
width: 100%;
background-image: url(images/head-v.png);
background-position: left bottom;
background-repeat: repeat-x;
left: 0;
background-color: #25BFE5;
}
div#globalWrapper {
position: relative;
z-index: 1000;
}
div.logo a{
width: 460px;
height: 95px;
background-repeat: no-repeat;
background-position: left bottom;
display:block;
}
div.header {
min-height: 126px;
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
z-index: 1000;
}
div.light{
background: white;
background-image: url(images/header-light.png);
background-repeat: no-repeat;
background-position: center top;
}
div.headerRight {
width: 460px;
background-image: url(images/header-right.png);
background-repeat: no-repeat;
background-position: left top;
}
/*lists*/
#bodyContent ul, #bodyContent ol {
list-style: disc;
margin: 0 0 0 30px;
line-height: 1.5em;
}
/* top user menu */
div.topUserMenu {
height: 20px;
padding: 4px 0 0 0;
}
div.topUserMenu li {
float: left;
}
div.topUserMenu li a {
margin: 0 40px 0 0;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5b5b5b;
}
div.topUserMenu li a:hover {
text-decoration: underline;
}
/*user menu label shown*/
div.userMenuWrapper {
height: 24px;
width: 74px;
left:50%;
margin-left:-150px;
position:relative;
}
div.userMenuWrapper div.topUserMenu {
display:none;
}
div.userMenuWrapper div.userMenuTag {
height: 24px;
width: 50px;
padding: 3px 16px 0px 8px;
background-image: url(images/user-menu-btn.png);
background-repeat: no-repeat;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
cursor: pointer;
}
/*user menu is shown*/
div.userMenuWrapper:hover {
position:static;
height:24px;
width:auto;
left:auto;
margin-left:auto;
background-image: url(images/user-menu-v.png);
background-repeat: repeat-x;
background-position: 0 0;
}
div.userMenuWrapper:hover div.topUserMenu {
display:block;
}
div.userMenuWrapper:hover div.userMenuTag {
display:none;
}
/* search */
div.search {
height: 125px;
}
div.searchWrapper {
width: 422px;
height: 26px;
padding: 3px 3px;
background-image: url(images/search-bgr.png);
background-repeat: no-repeat;
background-position: 0 0;
position: relative;
top: 13px;
left: 29px;
}
div.searchWrapper:hover {
background-position: 0 -32px;
}
/*
div.searchInput {
padding: 5px 4px;
width: 364px;
}
*/
input#searchInput {
display: block;
background-color: transparent;
border: 0;
width: 364px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: italic;
color: #8c8c8c;
cursor: pointer;
padding: 5px 4px;
float: left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input#searchInput {
height: 24px;
padding: 0px 4px;
background-color: #d3f6ff;
margin: 1px 0px 0 1px;
width: 371px
}
}
input#searchGoButton {
display: block;
width: 50px;
height: 26px;
background-image: url(images/search-go.png);
background-repeat: no-repeat;
background-position: 0 0;
background-color: transparent;
border: 0;
float: left;
cursor: pointer;
}
input#searchGoButton:hover {
background-position: 0 -26px;
}
/* follow menu */
div.follow {
height: 52px;
float: left;
position: absolute;
top: 60px;
left: 202px;
}
div.follow li {
float: left;
}
div.follow a {
margin: 0 0px 0 9px;
}
.aFacebook {
display: block;
height: 52px;
width: 55px;
background-image: url(images/follow/facebook.png);
background-repeat: no-repeat;
background-position: 0 0;
}
div.follow a:hover {
background-position: 0 -52px;
}
.aTwitter {
display: block;
height: 52px;
width: 55px;
background-image: url(images/follow/twitter.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.aYoutube {
display: block;
height: 52px;
width: 55px;
background-image: url(images/follow/youtube.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.aMail {
display: block;
height: 52px;
width: 55px;
background-image: url(images/follow/mail.png);
background-repeat: no-repeat;
background-position: 0 0;
}
/* main menu */
div.wideMainmenu {
height: 40px;
width: 100%;
background-image: url(images/mainmenu/bgr-v.png);
background-repeat: repeat-x;
background-position: 0 0;
position: relative;
z-index: 1100;
}
div#p-navigation li {
float: left;
height: 40px;
}
div#p-navigation li a {
display: block;
height: 25px;
padding: 15px 12px 0px 12px;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}
div#p-navigation li a.active, div#p-navigation li a:hover {
background-image: url(images/mainmenu/bgr-active-v.png);
background-repeat: repeat-x;
border-left: 1px solid #272727;
border-right: 1px solid #787878;
}
div#p-navigation li ul {
background-color: #ffffff;
}
div#p-navigation li ul li {
float: none;
height: 24px;
}
div#p-navigation li ul li a {
display: block;
color: #616161;
border: 0;
height: 18px;
padding: 6px 10px 0 10px;
}
div#p-navigation li ul li a:hover {
background-image: none;
color: #ffffff;
background-color: #0590c4;
border: 0;
}
/*
** content styles
*/
#toc,
.toc,
.mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
border-collapse: separate;
border-spacing: 2px;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
ul#filetoc {
/* background-color: #F9F9F9;
border: 1px solid #AAAAAA;*/
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
padding: 5px;
text-align: center;
}
table.filehistory {
font-size:12px;
}
/* thumbnails */
div.thumb {
margin-bottom: .5em;
width: auto;
}
div.thumbinner {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
}
html .thumbimage {
border: 1px solid #ccc;
}
html .thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
div.tright {
clear: right;
float: right;
margin: .5em 0 1.3em 1.4em;
}
div.tleft {
float: left;
clear: left;
margin: .5em 1.4em 1.3em 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
.hiddenStructure {
display: none;
}
/* box in content */
div#p-navigation li:hover div.box_mainmenu {
display: block;
}
div.box_mainmenu {
display: none;
position: absolute;
background-color: #ffffff;
background: url(images/mainmenu/ch-bgr-t-l.png) top left no-repeat;
}
div.box_mainmenu_content {
background: url(images/mainmenu/ch-bgr-r-side.png) top right repeat-y;
padding: 7px 10px 0 10px;
}
div.box_mainmenu_footer {
background: url(images/mainmenu/ch-bgr-b-l.png) bottom left no-repeat;
}
div.box_mainmenu_footer p {
background: url(images/mainmenu/ch-bgr-b-r.png) bottom right no-repeat;
display: block;
padding: 4px;
margin: 0em 0 0 0;
}
/* content */
/* top bgr */
div.contentTopBgr {
background-image: url(images/content/top-bgr.png);
background-repeat: repeat-x;
width: 100%;
height: 61px;
position: absolute;
top: 0;
left: 0;
}
div#column-content {
background-image: url(images/content/top-pic.png);
background-repeat: no-repeat;
background-position: top right;
margin-top: 22px;
line-height: 2;
padding-bottom: 44px;
}
h1#firstHeading {
font-size: 44px;
color: #0693c6;
font-weight: normal;
margin: 14px 0 20px 0;
line-height: 1;
width: 520px;
}
/* top service info */
div.serviceInfoTop {
display: none;
}
/* box in content */
.box {
}
/* brown dark */
.brown_dark {
background: #895000;
}
.brown_dark .box_top div {
background-image: url(images/content/brown_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.brown_dark .box_top {
background-image: url(images/content/brown_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.brown_dark .box_bottom div {
background-image: url(images/content/brown_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.brown_dark .box_bottom {
background-image: url(images/content/brown_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.brown_dark .box_content {
color: #ffffff;
}
/* brown light */
.brown_light {
background: #bb6f00;
}
.brown_light .box_top div {
background-image: url(images/content/brown_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.brown_light .box_top {
background-image: url(images/content/brown_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.brown_light .box_bottom div {
background-image: url(images/content/brown_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.brown_light .box_bottom {
background-image: url(images/content/brown_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.brown_light .box_content {
color: #ffffff;
}
/* light-brown dark */
.l_brown_dark {
background: #ffcd88;
}
.l_brown_dark .box_top div {
background-image: url(images/content/l_brown_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_brown_dark .box_top {
background-image: url(images/content/l_brown_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_brown_dark .box_bottom div {
background-image: url(images/content/l_brown_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_brown_dark .box_bottom {
background-image: url(images/content/l_brown_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_brown_dark .box_content {
color: #000000;
}
/* light-brown light */
.l_brown_light {
background: #fff9ee;
}
.l_brown_light .box_top div {
background-image: url(images/content/l_brown_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_brown_light .box_top {
background-image: url(images/content/l_brown_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_brown_light .box_bottom div {
background-image: url(images/content/l_brown_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_brown_light .box_bottom {
background-image: url(images/content/l_brown_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_brown_light .box_content {
color: #000000;
}
/* green dark */
.green_dark {
background: #7a8b17;
}
.green_dark .box_top div {
background-image: url(images/content/green_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.green_dark .box_top {
background-image: url(images/content/green_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.green_dark .box_bottom div {
background-image: url(images/content/green_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.green_dark .box_bottom {
background-image: url(images/content/green_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.green_dark .box_content {
color: #ffffff;
}
/* green light */
.green_light {
background: #a6b359;
}
.green_light .box_top div {
background-image: url(images/content/green_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.green_light .box_top {
background-image: url(images/content/green_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.green_light .box_bottom div {
background-image: url(images/content/green_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.green_light .box_bottom {
background-image: url(images/content/green_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.green_light .box_content {
color: #ffffff;
}
/* light-green dark */
.l_green_dark {
background: #dae889;
}
.l_green_dark .box_top div {
background-image: url(images/content/l_green_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_green_dark .box_top {
background-image: url(images/content/l_green_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_green_dark .box_bottom div {
background-image: url(images/content/l_green_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_green_dark .box_bottom {
background-image: url(images/content/l_green_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_green_dark .box_content {
color: #000000;
}
/* light-green light */
.l_green_light {
background: #f6f8df;
}
.l_green_light .box_top div {
background-image: url(images/content/l_green_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_green_light .box_top {
background-image: url(images/content/l_green_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_green_light .box_bottom div {
background-image: url(images/content/l_green_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_green_light .box_bottom {
background-image: url(images/content/l_green_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_green_light .box_content {
color: #000000;
}
/* blue dark */
.blue_dark {
background: #065670;
}
.blue_dark .box_top div {
background-image: url(images/content/blue_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.blue_dark .box_top {
background-image: url(images/content/blue_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.blue_dark .box_bottom div {
background-image: url(images/content/blue_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.blue_dark .box_bottom {
background-image: url(images/content/blue_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.blue_dark .box_content {
color: #ffffff;
}
/* blue light */
.blue_light {
background: #527e8b;
}
.blue_light .box_top div {
background-image: url(images/content/blue_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.blue_light .box_top {
background-image: url(images/content/blue_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.blue_light .box_bottom div {
background-image: url(images/content/blue_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.blue_light .box_bottom {
background-image: url(images/content/blue_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.blue_light .box_content {
color: #ffffff;
}
/* light-blue dark */
.l_blue_dark {
background: #53caf3;
}
.l_blue_dark .box_top div {
background-image: url(images/content/l_blue_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_blue_dark .box_top {
background-image: url(images/content/l_blue_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_blue_dark .box_bottom div {
background-image: url(images/content/l_blue_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_blue_dark .box_bottom {
background-image: url(images/content/l_blue_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_blue_dark .box_content {
color: #000000;
}
/* light-blue light */
.l_blue_light {
background: #b2e7f9;
}
.l_blue_light .box_top div {
background-image: url(images/content/l_blue_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_blue_light .box_top {
background-image: url(images/content/l_blue_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_blue_light .box_bottom div {
background-image: url(images/content/l_blue_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_blue_light .box_bottom {
background-image: url(images/content/l_blue_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_blue_light .box_content {
color: #000000;
}
/* red dark */
.red_dark {
background: #8c1a38;
}
.red_dark .box_top div {
background-image: url(images/content/red_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.red_dark .box_top {
background-image: url(images/content/red_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.red_dark .box_bottom div {
background-image: url(images/content/red_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.red_dark .box_bottom {
background-image: url(images/content/red_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.red_dark .box_content {
color: #ffffff;
}
/* red light */
.red_light {
background: #b45771;
}
.red_light .box_top div {
background-image: url(images/content/red_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.red_light .box_top {
background-image: url(images/content/red_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.red_light .box_bottom div {
background-image: url(images/content/red_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.red_light .box_bottom {
background-image: url(images/content/red_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.red_light .box_content {
color: #ffffff;
}
/* light-red dark */
.l_red_dark {
background: #e989a4;
}
.l_red_dark .box_top div {
background-image: url(images/content/l_red_dark/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_red_dark .box_top {
background-image: url(images/content/l_red_dark/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_red_dark .box_bottom div {
background-image: url(images/content/l_red_dark/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_red_dark .box_bottom {
background-image: url(images/content/l_red_dark/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_red_dark .box_content {
color: #000000;
}
/* light-red light */
.l_red_light {
background: #f9e0e6;
}
.l_red_light .box_top div {
background-image: url(images/content/l_red_light/box-corners-t-l.png);
background-repeat: no-repeat;
background-position: top left;
}
.l_red_light .box_top {
background-image: url(images/content/l_red_light/box-corners-t-r.png);
background-repeat: no-repeat;
background-position: top right;
}
.l_red_light .box_bottom div {
background-image: url(images/content/l_red_light/box-corners-b-l.png);
background-repeat: no-repeat;
background-position: bottom left;
}
.l_red_light .box_bottom {
background-image: url(images/content/l_red_light/box-corners-b-r.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.l_red_light .box_content {
color: #000000;
}
/*end blocks*/
.box_top div, .box_top, .box_bottom div, .box_bottom {
width: 100%;
height: 6px;
}
.box_content {
margin: 0 14px;
}
/* lastmod && viewcount */
ul#f-list-content {
display: block;
font-size: 100%;
height: 20px;
list-style:none;
margin:0;
margin-top: 10px;
clear:both;
}
li#lastmod {
float: left;
padding: 2px 0 0 0px;
}
li#viewcount {
float: right;
padding: 2px 0px 0 0px;
}
/* side bar */
div#column-one {
margin-top: 22px;
}
div#column-one h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #0982b5;
padding-left: 8px;
}
div#column-one ul {
display: block;
width: 100%;
background-image: url(images/side/top-bgr.png);
background-repeat: no-repeat;
padding-top: 18px;
margin: 5px 0 20px 0;
}
div#column-one ul li a {
display: block;
height: 22px;
background-image: url(images/side/a-bgr.png);
background-repeat: no-repeat;
font-family: Arial, Helvetica, sans-serif;
color: #595959;
text-decoration: none;
padding: 8px 6px 0 12px;
font-size:12px;
}
div#column-one ul li a:hover {
background-image: url(images/side/a-bgr-h.png);
}
/* footer */
div.wideFooter {
width: 100%;
background-image: url(images/footer/bgr-v.png);
background-position: left top;
background-repeat: repeat-x;
}
div#footer {
float: none;
display: block;
padding-top: 32px;
padding-bottom: 44px;
}
div#footerLinks {
float: none;
display: block;
border-top: 1px solid #c9c9c9;
min-height: 68px;
}
div#footerCopy {
padding-top: 26px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #8b8b8b;
}
div#footerLinksMenu {
padding-top: 26px;
text-align: center;
}
div#footerLogo a {
display: none !important;
position: relative;
left: 70px;
top: 12px;
display: block;
width: 102px;
height: 27px;
padding: 13px 0 0 46px;
background-image: url(images/footer/footer-logo.png);
background-repeat: no-repeat;
background-position: 0 0px;
color: #777777;
text-decoration: none;
font-size: 12px;
}
div#footerLogo a:hover {
color: #0087D5;
text-decoration: underline;
}
div.footerBgr {
display: block;
width: 162px;
height: 68px;
position: absolute;
top: 2px;
left: 300px;
background-image: none;
background-repeat: no-repeat;
background-position: 0 0;
}
/* footer menu: additional links */
ul#f-list {
display: block;
width: 300px;
margin: 0 auto;
}
ul#f-list li {
float: left;
}
ul#f-list li a {
padding: 0 5px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #8b8b8b;
}
ul#f-list li a:hover {
text-decoration: underline;
color: #0087D5;
}
div.poweredBy {
display: none;
}
/* footer menus */
div#footer h5 {
color: #64625d;
font-size: 14px;
font-weight: normal;
}
div#footer ul {
margin: 18px 0 0 0;
}
div#footer ul li a {
display: block;
text-decoration: none;
color: #989797;
padding: 4px 0;
}
div#footer ul li a:hover {
text-decoration: underline;
color: #0087D5;
}
h1 span.mw-headline,
h2 span.mw-headline,
h3 span.mw-headline,
h4 span.mw-headline,
h5 span.mw-headline,
h6 span.mw-headline{
font-family: Arial, Helvetica, sans-serif;
color: #b1c914;
font-weight: normal;
line-height: 1em;
}
#bodyContent h1,#bodyContent h2,#bodyContent h3,#bodyContent h4,
#bodyContent h5,#bodyContent h6{
margin-top:0.5em;
}
h1 span.mw-headline{
font-size: 250%;
}
h2 span.mw-headline{
font-size: 220%;
}
h3 span.mw-headline{
font-size: 200%;
color: #909090;
font-family: Arial,Helvetica,sans-serif;
}
h4 span.mw-headline{
font-size: 180%;
color: #909090;
font-family: Arial,Helvetica,sans-serif;
}
h5 span.mw-headline{
font-size: 160%;
color: #909090;
font-family: Arial,Helvetica,sans-serif;
}
h6 span.mw-headline{
font-size: 140%;
color: #909090;
font-family: Arial,Helvetica,sans-serif;
}
div.afterTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #b5b5b5;
font-weight: bold;
margin-bottom: 4px;
}
/* showcase page */
h2.showCaseTitle {
}
h2.showCaseTitle a {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
color: #4380d3;
}
.block_img {
}
*+html .block_img {
border: 1px solid #C3C3C3;
}
div.block_img_border {
background: url(images/content/block_img/top_left.png) top left no-repeat;
display: table-cell;
}
*+html div.block_img_border {
background: none;
}
div.block_img_border p {
background: url(images/content/block_img/top_right.png) top right no-repeat;
padding: 20px 10px;
margin: 0;
}
*+html div.block_img_border p {
background: none;
padding: 0;
}
div.block_img_border_content p {
background: url(images/content/block_img/right_side.png) top right repeat-y;
margin: 0;
margin-top: -30px;
padding: 0px 10px;
}
*+html div.block_img_border_content p {
background: none;
padding: 0;
margin: 0;
}
div.block_img_border_footer {
background: url(images/content/block_img/bottom_left.png) bottom left no-repeat;
}
*+html div.block_img_border_footer {
background: none;
}
div.block_img_border_footer p {
background: url(images/content/block_img/bottom_right.png) bottom right no-repeat;
display: block;
padding: 20px;
padding-bottom: 20px;
margin: -2em 0 0 0;
}
*+html div.block_img_border_footer p {
background: none;
padding: 0;
margin: 0;
}
/* main page */
.quote {
font-style: italic;
font-size: 14px;
background-image: url(images/content/quote.png);
background-repeat: no-repeat;
background-position: 0 0;
padding: 16px 0 0px 40px;
margin: 12px 0 18px 0;
}
/* main border block light */
div.main_borders_l {
background: #f6f8df url(images/content/main_borders_l/t.png) top repeat-x;
color: #7a8b17;
margin: 10px 0 6px 0;
}
.main_borders_l div {
background: url(images/content/main_borders_l/r.png) right repeat-y;
}
.main_borders_l div div {
background: url(images/content/main_borders_l/b.png) bottom repeat-x;
}
.main_borders_l div div div {
background: url(images/content/main_borders_l/l.png) left repeat-y;
}
.main_borders_l div div div div {
background: url(images/content/main_borders_l/t-l.png) top left no-repeat;
}
.main_borders_l div div div div div {
background: url(images/content/main_borders_l/t-r.png) top right no-repeat;
}
.main_borders_l div div div div div div {
background: url(images/content/main_borders_l/b-r.png) bottom right no-repeat;
}
.main_borders_l div div div div div div div {
background: url(images/content/main_borders_l/b-l.png) bottom left no-repeat;
padding: 10px 20px 16px 20px;
}
/* main border block dark */
div.main_borders_d {
background: #7a8b17 url(images/content/main_borders_d/t.png) top repeat-x;
color: #ffffff;
margin: 10px 0 6px 0;
}
.main_borders_d div {
background: url(images/content/main_borders_d/r.png) right repeat-y;
}
.main_borders_d div div {
background: url(images/content/main_borders_d/b.png) bottom repeat-x;
}
.main_borders_d div div div {
background: url(images/content/main_borders_d/l.png) left repeat-y;
}
.main_borders_d div div div div {
background: url(images/content/main_borders_d/t-l.png) top left no-repeat;
}
.main_borders_d div div div div div {
background: url(images/content/main_borders_d/t-r.png) top right no-repeat;
}
.main_borders_d div div div div div div {
background: url(images/content/main_borders_d/b-r.png) bottom right no-repeat;
}
.main_borders_d div div div div div div div {
background: url(images/content/main_borders_d/b-l.png) bottom left no-repeat;
padding: 10px 20px 16px 20px;
}
/* html form elements */
.form {
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
margin-bottom: 44px;
}
.form input, .form button, .form select, .form textarea {
margin: 0;
vertical-align: middle;
}
.form button, .form input[type="reset"], .form input[type="submit"], .form input[type="button"] {
/*
-webkit-appearance: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #000 url(images/button.png) repeat-x;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #000));
background: -moz-linear-gradient(top center, #FADF32 0%, #F68519 100%);
border: 0px solid;
border-color: #000 #000 #000;
*/
cursor: pointer;
color: #fff;
font: bold 12px/1.2 Arial, sans-serif;
outline: 0;
overflow: visible;
padding: 4px 7px 5px 15px;
text-shadow: #000 0 1px 1px;
width: auto;
margin-left: 5px;
/* IE7 */
*padding-top: 2px;
*padding-bottom: 0px;
}
/*
.form button:hover, .form input[type="reset"]:hover, .form input[type="submit"]:hover, .form input[type="button"]:hover {
background-position: 0 -26px;
}
*/
span.frmButton {
background: transparent url('images/content/form_btn/blue-r.png') no-repeat;
background-position: right top;
color: #444;
font: normal 12px arial, sans-serif;
height: 26px;
margin-right: 6px;
padding: 0px 6px 0px 0px; /* sliding doors padding */
text-decoration: none;
float: left;
display: block;
}
*+html span.frmButton {
margin-right: 0;
}
span.frmButton input, span.frmButton button {
background: transparent url('images/content/form_btn/blue-w-l.png') no-repeat;
line-height: 14px;
border: 0;
display: block;
height: 26px;
}
span.frmButton:hover {
background-position: 100% -26px;
}
span.frmButton:hover input, span.frmButton:hover button {
background-position: 0 -26px;
outline: none; /* hide dotted outline in Firefox */
}
.form button {
/* IE7 */
*padding-top: 1px;
*padding-bottom: 1px;
}
.form button[disabled], .form input[type="reset"][disabled], .form input[type="submit"][disabled], .form input[type="button"][disabled] {
color: #888;
}
.form textarea, .form select, .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="email"],
.form input[type="month"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"],
.form input[type="time"], .form input[type="url"], .form input[type="week"] {
-webkit-appearance: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid;
border-color: #fff #eee #ddd;
background-color: #ddd;
color: #000;
outline: 0;
padding: 4px 4px;
font-size: 13px;
font-family: Arial, sans-serif;
height: 2em;
/* IE7 */
*padding-top: 2px;
*padding-bottom: 1px;
*height: auto;
}
/*
Separate rule for Firefox.
Cannot stack with WebKit's.
*/
.form input.placeholder_text, .form textarea.placeholder_text {
color: #000;
}
.form textarea[disabled], .form select[disabled], .form input[type="date"][disabled], .form input[type="datetime"][disabled], .form input[type="datetime-local"][disabled],
.form input[type="email"][disabled], .form input[type="month"][disabled], .form input[type="number"][disabled], .form input[type="password"][disabled], .form input[type="search"][disabled],
.form input[type="tel"][disabled], .form input[type="text"][disabled], .form input[type="time"][disabled], .form input[type="url"][disabled], .form input[type="week"][disabled] {
background-color: #eee;
color: #888;
}
.form button:focus, .form button:active, .form input:focus, .form input:active, .form select:focus, .form select:active, .form textarea:focus, .form textarea:active {
-moz-box-shadow: #53caf3 0 0 7px;
-webkit-box-shadow: #53caf3 0 0 7px;
box-shadow: #53caf3 0 0 7px;
/* for Opera */
z-index: 1;
}
.form span.frmButton input, .form span.frmButton button {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.form .is_webkit select {
/* Tweaks for Safari + Chrome. */
background-image: url(select_a.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
}
.form fieldset.metadata {
border: 1px solid #222;
}
.form textarea, .form select[multiple] {
height: auto;
}
.form select[multiple], .form .is_webkit select[multiple] {
background-image: none;
padding: 0;
}
.form textarea {
overflow: auto;
resize: vertical;
width: 100%;
}
.form optgroup {
color: #000;
font-style: normal;
font-weight: normal;
}
.float_left {
float: left;
}
/* mediawiki css*/
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
.printfooter{
margin:50px 0 0 0;
}
#bottomcontentinfo{
background-color: #f9f9f9;
border: 1px solid #c6c6c6;
margin-top:10px;
padding:10px 0;
}
.container_16 .firstColumnOf2{
width: 340px;
margin-bottom: 26px;
margin-left:0;
display: inline;
float: left;
margin-right: 10px;
position: relative;
}
.container_16 .secondColumnOf2{
width: 340px;
margin-bottom: 26px;
margin-right:0;
display: inline;
float: left;
margin-left: 10px;
position: relative;
}
.container_16 .firstColumnOf3{
width: 220px;
margin-bottom: 26px;
margin-left:0;
display: inline;
float: left;
margin-right: 10px;
position: relative;
}
.container_16 .secondColumnOf3{
width: 220px;
margin-bottom: 26px;
margin-right:10px;
display: inline;
float: left;
margin-left: 10px;
position: relative;
}
.container_16 .thirdColumnOf3{
width: 220px;
margin-bottom: 26px;
margin-right:0;
display: inline;
float: left;
margin-left: 10px;
position: relative;
}