User:CasparGoch/gmw.css
< User:CasparGoch
Jump to navigation
Jump to search
Revision as of 19:28, 14 April 2015 by CasparGoch (talk | contribs) (Created page with " →goMediaWiki skin. Black RIDER layout: →***************************: →** Core html setup stuff **: →***************************: html, body, div, span, applet, obj...")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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; }