MediaWiki:Common.css

From GoodRelations Wiki
Jump to: navigation, search
/* CSS placed here will be applied to all skins */

/* Hide page title */
body div#content.mw-body h1#firstHeading.firstHeading { display: none; }

/* increase Vector sidebar width */
div#mw-panel { width: 12.5em; top: 112px !important; }
#mw-head-base, div#content, #left-navigation { margin-left: 13em; }
div#footer { margin: 0; padding: 24px 24px 24px 13em; font-size: 14px !important; }

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}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: #fff !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;
}

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

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

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

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

.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;
}
#column-one {
	width:200px;
	float:left;
	padding-top: 18px;
}
#column-content {
	width:736px;
	float:right;
	padding-top: 0; /* 18(distance of column-one to wikiNav) - 18(padding for headline) = 0 */
}
#toc {
	width: 100%;
}
#toc ul, #toc ul li {
	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; }


/* global */
body {
    font-family: "PT Sans", arial, serif !important; 
    font-size: 13px !important;
    letter-spacing: 0px;
    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 */
#headerNav {
        float: right;
}
#headerNav ul {
	padding-top: 20px;
}
#headerNav ul li {
	padding-left: 6px;
	display: inline;
}
#headerNav ul li a {
	color: white;
	text-decoration: none;
	padding: 5px 6px 5px 6px;
}
#headerNav ul li a:hover, #headerNav ul li a.selected {
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: #bd7b1a solid 1px;
	padding: 4px 5px 4px 5px;
	color: black;
}
#headerNav ul li a.selected {
	background-color: #636161;
	color: white;
}

@media only screen and (max-width: 768px) {
   #headerNav {
       border-color: white;
       background-color: #999999;
       width: 100%;
       margin: 0;
    }
    #headerNav ul {
      padding-top: 0;
    }
    #headerNav ul li {
      padding-left: 0;
    }
}

#headerLogo {
	padding-top: 6px;
        float: left;
}
#print_headerLogo {
    display: none;
}
#print_license {
    display: none;
}
#headerWrapper {
    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;
}
#headerContent {
        margin: 0 auto;
	padding: 0;
}
#placeholder {
	position: relative;
	height: 60px;
	z-index: 0;
}

.navbar-brand {
  padding: 5px 0 0 30px !important;
}

/* footer */
#footer {
	text-align: center;
}
#f-list {
	margin: 0 auto;
}
#f-list span {
	float: left;
	width: 320px;
	padding-top: 6px;
}
table.diff {
	clear: both;
}
#catlinks {
    padding: 12px;
	clear: both;
}

.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;
}