MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* increase Vector sidebar width */ div#mw-panel { width: 12em; } div#footer { margin: 0; }
 * 1) mw-head-base, div#content { margin-left: 12em; }
 * 1) left-navigation { margin-left: 12em; }

a, a.external.text, a.external.free { color: #ff7900 } a:visited, a.external.text:visited, a.external.free:visited { color: #ee6933 } a.new { color: #ff6600 }

div.vectorTabs { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcbDhoBIhxa6wAAACJ0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUCBvbiBhIE1hY4eod0MAAABBSURBVAjXpYw5DoBADAON//9jJxkKgsTWFJZGvgRY0m8xZU2sLkN8TcyyOk/eZRHTsbbPfHk/3u3+ibOnKdOHdwOq1k997TTkagAAAABJRU5ErkJggg=="); } div.vectorTabs ul li { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcbDhcE59jQKQAAACJ0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUCBvbiBhIE1hY4eod0MAAAA3SURBVAjXY/j//z8TAwMDdfH/f0wM//9C6X9M/6E0shhEHEnNP0x5ZD3IZvxHkv/z9jrTn8cHAY+HQ2O9JDl2AAAAAElFTkSuQmCC"); } div.vectorTabs li.selected { background-image: white; } div.vectorTabs span { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcbDhoBIhxa6wAAACJ0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUCBvbiBhIE1hY4eod0MAAABBSURBVAjXpYw5DoBADAON//9jJxkKgsTWFJZGvgRY0m8xZU2sLkN8TcyyOk/eZRHTsbbPfHk/3u3+ibOnKdOHdwOq1k997TTkagAAAABJRU5ErkJggg=="); } div#mw-head div.vectorMenu h3 { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAIAAAASmSbdAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcbDhoBIhxa6wAAACJ0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUCBvbiBhIE1hY4eod0MAAABBSURBVAjXpYw5DoBADAON//9jJxkKgsTWFJZGvgRY0m8xZU2sLkN8TcyyOk/eZRHTsbbPfHk/3u3+ibOnKdOHdwOq1k997TTkagAAAABJRU5ErkJggg=="); }

/* gr_style.css */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0pr2 /* reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* fonts */ select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}/* **************** TEMPLATE ***************** */ /* ====== Page Head, Body, and Foot ====== */ body{_text-align:center;}/* IE5.5 */ .body{overflow:hidden; _overflow:visible; _zoom:1;} .page{margin: 0 auto; width: 950px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */ /* "old school" and "liquid" extend page to allow for different page widths */ .oldSchool{width:750px;} .gs960{width:960px;} .liquid{extends:.page; width: auto;margin:0;} /* ====== Columns ====== */ .main{overflow: hidden;_overflow:visible;_zoom:1;} .leftCol{float:left; width:250px;_margin-right:-3px;} .rightCol{float:right; width: 300px;_margin-left:-3px;} /* extend columns to allow for common column widths */ .gMail{width:160px;} .gCal{width:180px;} .yahoo{width:240px;} .myYahoo{width:300px;}/* **************** GRIDS ***************** */ .line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; } .unit{float:left;_zoom:1;} .unitExt{float:right;} .size1of1{float:none;} .size1of2{width:50%;} .size1of3{width:33.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;} /* extending grids to allow a unit that takes the width of its content */ .media{width:auto;}

/* custom */

.portal { background-image: none !important; background-color: #eee !important; border-bottom: 1px solid #ddd !important; padding: 12px !important; margin-bottom: 18px !important; font-size: 15px !important; }

.portal li { list-style: none; padding-left: 0 !important; margin-left: 0; }

.portal h3 { font-weight: bold !important; padding: 0 0 2px 0 !important; border-bottom: #ccc solid 1px !important; margin-bottom: 3px !important; }

div#mw-panel div.portal div.body { margin: 0 0 0 0 !important; }

top: 60px !important; } body, .mw-body-content { font-size: 13px !important; }
 * 1) mw-head {

.mw-body { border: 1px solid #eea033 !important; }

/* main.css */ text-align: right; font-weight: normal; }	display: inline; padding-left: 8px; }
 * 1) p-personal {
 * 1) p-personal li {

float: right; font-style: italic; color: #666; }   display: none; }	margin-top: 24px; }	font-size: 28px; } input#searchInput { width: 145px; } .searchButton { margin-left: 5px; }	list-style: square url('../images/square.png'); margin-left: 12px; }	list-style-type: decimal; margin-left: 12px; } .printfooter { display: none; }
 * 1) contentSub, #contentSub2 {
 * 1) contentSub .subpages {
 * 1) p-search {
 * 1) firstHeading {
 * 1) bodyContent ul, #bodyContent ul li {
 * 1) bodyContent ol, #bodyContent ol li {

.editsection { font-size: 13px; font-weight: normal; } ul.wiki-nav li, ul.wiki-nav { display: inline; padding: 1px 0 0 10px; } ul.wiki-nav a { color: #666; } .ul-cactions { background: url('../images/page_icon.png') no-repeat; margin-left: 6px; float: right; } .ul-toolbox { /* http://openiconlibrary.sourceforge.net/gallery2/open_icon_library-full/icons/png/16x16/categories/applications-system-4.png */ background: url('../images/settings_icon.png') no-repeat; float: left; } .generated-sidebar { padding: 12px; background: #eee; border-bottom: #ddd solid 1px; } .generated-sidebar ul, .generated-sidebar li { list-style: none; padding-left: 0; margin-left: 0; padding-top: 3px; } .generated-sidebar h5 { border-bottom: #ccc solid 1px; padding-bottom: 4px; margin: 2px 0 6px 0; } .portlet { margin-bottom: 18px; }	width:200px; float:left; padding-top: 18px; }	width:736px; float:right; padding-top: 0; /* 18(distance of column-one to wikiNav) - 18(padding for headline) = 0 */ }	width: 100%; }	list-style: none; padding-left: 10px; margin-left: 0; } a.new { font-style: italic; color: #888 !important; } .infobox { display: block; float: right; width: 344px; padding: 16px 12px 12px 12px; font-size: 12px; background-color: #eee; margin: 0 0 10px 0; border-left: white 30px solid; } .infobox ul, .infobox li { list-style: none; padding-left: 0; margin-left: 0; padding-top: 3px; } .infobox h5 { border-bottom: #ccc solid 1px; padding-bottom: 4px; margin: 2px 0 6px 0; } .infobox td, th { vertical-align: top; min-width: 90px; padding: 0 0 8px 0; } .infobox th { font-weight: bold; padding: 0 10px 8px 0; } .navbox { width: 100%; margin: 18px 0 0 0; border-bottom: 1px solid #ddd; } div.thumb { width: 100%; margin: 12px 0; }
 * 1) column-one {
 * 1) column-content {
 * 1) toc {
 * 1) toc ul, #toc ul li {

/* global */ body { font-family: "PT Sans", arial, serif !important; font-size: 13px !important; letter-spacing: 0px; background-color: white; margin: 0; } h1, h2 { border-bottom: 1px solid #CCCCCC; font-family: "PT Sans", arial, serif !important; } h1 {font-size: 24px; font-weight: bold;} h2 {font-size: 18px; font-weight: normal;} h3 {font-size: 16px; font-weight: bold;} h4 {font-size: 14px; font-weight: bold;} h5 {font-size: 13px; font-weight: bold;} h1, h2, h3, h4, h5 { margin: 18px 0 18px 0; padding-bottom: 3px; font-family: "PT Sans", arial, serif !important; } a { text-decoration: none; color: #df6010; } a:hover { text-decoration: underline; } p { padding: 6px 0 6px 0; line-height: 150%; } ul { padding: 6px 0 6px 0; } li { line-height: 150%; }

pre { margin: 6px 0 6px 0; border: 1px solid #efa363; background-color: #fff9ef; padding: 6px; font-size: 12px; /*white-space: pre-wrap; // unfortunately not supported by all browsers */ overflow-x: auto; }

/* header */ float: right; }	padding-top: 30px; }	padding-left: 6px; display: inline; }	color: white; text-decoration: none; padding: 5px 6px 5px 6px; }	-moz-border-radius: 6px; border-radius: 6px; border: #bd7b1a solid 1px; padding: 4px 5px 4px 5px; color: black; }	background-color: #636161; color: white; }	padding-top: 6px; float: left; }   display: none; }   display: none; }   padding: 0; margin: 0; height: 60px; position: fixed; top: 0; left: 0; width: 100%; background: url('/skins/goodrelations/images/banner_bg.png'); z-index: 9999; }	margin: 0 auto; width: 960px; padding: 0; }	position: relative; height: 60px; z-index: 0; }
 * 1) headerNav {
 * 1) headerNav ul {
 * 1) headerNav ul li {
 * 1) headerNav ul li a {
 * 1) headerNav ul li a:hover, #headerNav ul li a.selected {
 * 1) headerNav ul li a.selected {
 * 1) headerLogo {
 * 1) print_headerLogo {
 * 1) print_license {
 * 1) headerWrapper {
 * 1) headerContent {
 * 1) placeholder {

/* footer */ background-color: #eee; padding: 24px; font-size: 14px !important; text-align: center; border-top: #ddd solid 1px; margin-top: 24px; }	margin: 0 auto; width: 960px; }	float: left; width: 320px; padding-top: 6px; } table.diff { clear: both; }   padding: 12px; clear: both; }
 * 1) footer {
 * 1) f-list {
 * 1) f-list span {
 * 1) catlinks {

.mbox { border: #EBB000 solid 1px; background-color: #FFEBCC; padding: 12px; }

.mbox .mbox_message { float: right; padding: 0; width: 85%; } .mbox .mbox_icon { float: left; width: 15%; padding: 0; }

/* color style from twitter bootstrap */ .box-info { padding: 8px 10px 6px 10px; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .box-warning { padding: 8px 10px 6px 10px; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }

.box-info .mbox_message, .box-warning .mbox_message { width: 95%; } .box-info .mbox_icon, .box-warning .mbox_icon { width: 5%; }

/* google fonts */ /* cyrillic-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }