Difference between revisions of "MediaWiki:Common.css"

From Dolibarr ERP CRM Wiki
Jump to navigation Jump to search
m
m
(One intermediate revision by the same user not shown)

Revision as of 00:17, 24 May 2020

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

/* We disable the talk tab */
body:not(.mw-editable) #ca-talk { display:none; }

.mw-body-content h1 {
    clear: both;
}
#mw-indicator-mw-helplink {
	display: none;	
}
#mw-panel {
	padding-left: unset;	
}
#mw-panel #p-logo + .portal {
    margin-top: 1.5em;
}

ul.gallery.mw-gallery-traditional {
    clear: both;
}

#content.mw-body {
	padding-top: 2.55em;
}

/* Change to have banner dolibarr blue */
#mw-head {
    background: rgb(55,61,90);
    height: 5em;
}
h3#p-cactions-label span {
    color: #fff;
}
li.selected span a {
    color: #000 !important;
}
ul.menu li a {
    color: #000 !important;
}
div#mw-head a:not(.selected) {
    color: #fff;
}
.vectorTabs span, #mw-head .vectorMenu h3 {
	background-image: none;	
}
pt-anonuserpage, #pt-userpage a {
	background-size: unset;
    padding-left: 26px !important;
}
    
/* To force some TOC to be on 1 line */
@media (max-width: 767px) {
	.tocinline ul li {
	    display: inline-block;
	}
}
@media (min-width: 768px) {
	.tocinline ul {
		columns: 2 !important;	
	}
}
@media (min-width: 1024px) {
	.tocinline ul {
		columns: 3 !important;	
	}
}
@media (min-width: 1300px) {
	.tocinline ul {
		columns: 4 !important;	
	}
}
@media (min-width: 1700px) {
	.tocinline ul {
		columns: 5 !important;	
	}
}
.tocinline .toc {
	display: inline-block !important;
}

#simpleSearch {
	background-image: none;
	height: unset;
	border-radius: 5px;
	padding: 2px;
}

/* The insertInterlangLinks tool should be displayed only in source mode */
.ve-init-target-visual .oo-ui-tool-name-insertInterlangLinks {
	display: none;
}

.mw-search-result-data {
    color: #888888;
}

a.feedlink {
	background-image: none;
	padding-left: 0;
}

.opacitymedium {
	opacity: 0.5;	
}

.vectorTabs li.new a, .vectorTabs li.new a:visited, a.new {
    color: #a58838;
}

.mw-changeslist-legend {
	display: none;
}

/* Using logos for social networks links instead of plain text */
#p-Social_networks .body {
	text-align: center;
}

#p-Social_networks li {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0 5px !important;
}

#p-Social_networks a {
	direction: ltr;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	display: inline-block;
	background-repeat: no-repeat;
}

#n-Facebook a {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAApElEQVRIx2O0ipz+n4GGgImWhg8PC1iIVcjHzcGQE2PBYG0oz8DLw87AxMjIwMDAwGATPZM6FpQm2zI4mivRLogs9GVpG0Qc7Ail0SWrGB49f89ATPom2gJGaJgzMDAwPHz+nmgfMBLKaEeWpuOU+/7jN4Nr8jy8FlCUTD98/kFQDUUWfCTCAoJBBAPIQUUo7VPNB6MWjFpAHwuIzgeD1gdD3wIA0CskwBBfwqYAAAAASUVORK5CYII=);
}

#n-LinkedIn a {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAABFUlEQVRIx2NkKN/6n4GGgImWhg+cBTmW8gyH0s0ZcizlKbaABV1AQ5SbYYKvJgMTIyODlbwgw547bxhuvP5KPR/8+fcfL59iH9x5+40hafVlhhBdCYY1l18w3Hn7jSILGGmdTFmwCf5r94SzmSq3Y4gJNe5maHJVZQjRlWQQ4mJluPT8M0Pd7lsMO269wTCLrGS6I8mUIcdKgUGCl52BjZmJwUSGn2FTnDGDg5IQdSwwkxVg+Pf/P8Off/8QQcHMxFDlqEwdC3bdfs0g0bKXQahxD8O6Ky8QFssIUMeCrA1XGd58+83w5ddfhqIt1+HiPOzM1LHg3rvvcPajjz8QhjEyUscCUsCoBQNvAc3LoqEfREPfAgDdrVLViTsGJwAAAABJRU5ErkJggg==);
}

#n-Twitter a {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAByUlEQVRIx+2Vz0tUURTHP/e9d+c9e9PgD8QhKpyEGAzcSBCDuKhdi8xFtIhAApEW/QOtcm9QQksXRRtx6VorhoJslQpRNOWiQMVAXzk/3q/bOue+8TVguOgsz7n3fODLOecrzjzdUxxhGEfZ/D/gXwBEe4C+jtYfL/WZLF49QeWWy4sxl7F+i15HcHNApgPMlBymBqW2ebHT4NmVDoZ6TCxDcC5n8GjEoTzuYlvQ64jDAd224P6ww+MRhy77zw+3z0ts80ATIZAGlPImO3V1OODtVgTA9YKkPO4yfdGmlDfJSuhJkG+rprj7qs7BrbV0j5e/h1w+bVLImZyUgoliholiBqUUSWvv+fqaFjA5mKGQM5vyQojEufnixdq8VqIn6z5h/Hcn6s1mlB6wsh0x9bLGVy8iTewHisWNID0AIO8aWpl0MffBZ8/X1xIBzz8FzK42aEStpVr9ETG75ifWW56Kh+997pXr/Az0kI+7EXeWawRxco+mKcpKuNYvOZsVjJ6yuNDdLFOsFAuVgAfvGlTD1vI1AX4FsPQt5MaApBoqdhuKXAaqIWx4Ma83I+Y/B1S8mDQh0lmmANpz1pTnun3bPu6GcwwAvwExXIo+zrNKOwAAAABJRU5ErkJggg==);
}

/* Add by LDR to hide the footer, the link discussion and menu entry we don't want */
#footer-info { display: none; }
#pt-mytalk { display: none; }
#t-permalink { display: none; }
#footer-places-mobileview { font-size: 1.3em !important; }

/* Add by LDR to hide the title on main pages */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important;}
body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important; }
body.page-Portada.action-view h1.firstHeading, body.page-Portada.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important; }
body.page-Hauptseite.action-view h1.firstHeading, body.page-Hauptseite.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important; }
body.page-Αρχική.action-view h1.firstHeading, body.page-Αρχική.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important; }
body.page-简体中文官方文档.action-view h1.firstHeading, body.page-简体中文官方文档.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important; }
body.page-Página_Principal.action-view h1.firstHeading, body.page-Página_Principal.action-submit h1.firstHeading { display: none; padding-bottom: 0 !important; }

/* Add by LDR to reduce size of logo */
#p-logo a { height: 60px; }
.mw-wiki-logo {
    background-size: contain;
    margin-top: 20px;
    background-image: url(/images/5/51/Dolibarr_124x124_white.svg);
}
#p-logo {
    height: 60px;
}

/* Add LDR to increase font size */
html {
  font-size: 1.2em;
}

table.dolbox tr td {
    border: 1px #f0f0f0 solid;
}

/* For title style */
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4 {
    font-family: Arial, Verdana, Helvetica;
}
h1 .mw-headline, .searchresults .mw-headline {
	color: rgb(0,103,111);
}
h1#firstHeading {
    text-align: center;
    border-bottom: none;
    margin-top: 0.2em !important;
    /* text-shadow: 3px 3px 5px #DDD; */
    color: #220050 !important;
    font-weight: bold;
    padding-bottom: 1em;
}
.mw-body h1, .mw-body-content h1 {
    font-size: 1.6em;
	margin-top: 1.5em;
}
.mw-body h2, .mw-body-content h2 {
    font-size: 1.3em;
}

div.company {
        margin-left: 0px;
        margin-bottom: 20px;
        margin-top: 20px;
        border: 1px solid #CCCCCC;
        background-color: #FBFAFC;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding-left: 10px;
		padding-right: 12px;
}
div.companylogo {
	text-align: right;
	margin-right: 15px;
}


/* For images / screenshots */
div.divforimgcentpercent {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
div.divforimgcentpercent p a img {
    width: 90% !important;
    height: auto !important;
	box-shadow: 1px 1px 15px #ccc;
}


/* Add link to mobile if we are on large display */
@media (min-width: 1024px) {
	#footer-places { display: none; }
}

/* Hide some tabs when we don't have edit permissions */
body:not(.mw-editable) #ca-nstab-main { display: none; }
body:not(.mw-editable) #ca-view { display: none; }
body:not(.mw-editable) #ca-viewsource { display: none; }
.vectorTabs, .vectorTabs ul, .vectorTabs li, .vectorTabs #ca-history span, .vectorTabs #ca-watch span {
    background-image: none;
}
.vectorTabs li {
	line-height: unset;
}
	
/* Allow word wrap */
pre {
	word-break: break-word;
}


table.dolbox {
    margin-right: 5px;
    margin-left: 5px;
}


/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-1 li.toclevel-2,
.toclimit-1 li.toclevel-3,
.toclimit-1 li.toclevel-4,
.toclimit-1 li.toclevel-5,
.toclimit-1 li.toclevel-6
{
	display: none;
}

.wraponmobile {
	white-space: nowrap;
}

a#stopMobileRedirectToggle {
	font-size: 1.3em;
}

center, center p, .wikibox p {
    text-align: center;
}

p {
    text-align: justify;
}

.wikibox {
text-align: center;
float:right; 
font-size:80%; 
background: #eef; 
border: 1px solid #ccf; 
margin-bottom: 0px; 
margin-left: 5px; 
margin-right: 5px; 
padding: 1px; 
height: 100px;
min-width: 150px;
}