Difference between revisions of "MediaWiki:Common.css"

From Cross the Hurdles
(Created page with "CSS placed here will be applied to all skins: body{background:#000;}")
 
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
+
body{
body{background:#000;}
+
background:#f2f2f2;
 +
background-image: none !important;
 +
font-size: 14px;
 +
color: black;
 +
margin: 0;
 +
padding: 0;
 +
direction: ltr; /* Needed for RTL flipping */
 +
unicode-bidi: embed;
 +
}
 +
 
 +
#p-cactions{
 +
position: inherit !important;
 +
background: #aaa !important;
 +
width: 100% !important;
 +
padding: 5px !important;
 +
box-sizing: border-box !important;
 +
}
 +
#p-cactions ul{margin: 0 !important;}
 +
#p-cactions li{
 +
padding: 0 !important;
 +
}
 +
#p-personal{
 +
position: inherit !important;
 +
background: #ccc !important;
 +
padding: 5px;
 +
box-sizing: border-box;
 +
}
 +
 
 +
#content {
 +
margin: 0 auto;
 +
padding: 0 1em 0.5em 1em;
 +
position: relative;
 +
z-index: 2;
 +
}
 +
#column-one {
 +
background: #fff none repeat scroll 0 0;
 +
    margin: 0 auto;
 +
    padding-top: 0;
 +
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
 +
position: fixed;
 +
display: block !important;
 +
top: 60px !important;
 +
width: 260px !important;
 +
height: calc(100% - 220px) !important;
 +
overflow: auto !important;
 +
 +
}
 +
 
 +
.portlet h3 {text-transform: none !important}
 +
.pBody {border: 0 !important;}
 +
 
 +
#column-content {
 +
width: unset !important;
 +
padding: 0;
 +
margin: 80px 120px 20px 400px !important;
 +
float: none !important;
 +
}
 +
 
 +
#bodyContent{
 +
background: #fff;
 +
    border-radius: 3px;
 +
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
 +
    padding: 20px;
 +
}
 +
 
 +
#globalWrapper {
 +
    background: transparent;
 +
    background-image: none !important;
 +
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
    font-size: 127%;
 +
    padding: 0;
 +
    position: unset !important;
 +
    width: unset !important;
 +
    box-shadow: none !important;
 +
}
 +
 
 +
#top-fixed-bar {
 +
background: #fafafa none repeat scroll 0 0;
 +
box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
 +
height: 60px;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
z-index: 101;
 +
}
 +
 
 +
#top-baar-logo{width: 240px;}
 +
 
 +
#globalWrapper img{
 +
    max-width: 100%;
 +
height: auto;
 +
}
 +
 
 +
#firstHeading, .firstHeading {
 +
padding-top: 0;
 +
overflow: visible;
 +
max-width: 930px;
 +
padding: 10px 20px;
 +
border: 0;
 +
}
 +
 
 +
#footer{
 +
margin: 0px 120px 20px 400px !important;
 +
}
 +
 
 +
#p-tb, #p-search{display: none !important;}
 +
 
 +
#privacy, #about, #disclaimer, #mobileview, #f-poweredbyico {display: none !important;}

Latest revision as of 06:40, 25 October 2020

body{
	background:#f2f2f2;
	background-image: none !important;
	font-size: 14px;
	color: black;
	margin: 0;
	padding: 0;
	direction: ltr; /* Needed for RTL flipping */
	unicode-bidi: embed;
}

#p-cactions{
	position: inherit !important;
	background: #aaa !important;
	width: 100% !important;
	padding: 5px !important;
	box-sizing: border-box !important;
}
#p-cactions ul{margin: 0 !important;}
#p-cactions li{
	padding: 0 !important;
}
#p-personal{
	position: inherit !important;
	background: #ccc !important;
	padding: 5px;
	box-sizing: border-box;
}

#content {
	margin: 0 auto;
	padding: 0 1em 0.5em 1em;
	position: relative;
	z-index: 2;
}
#column-one {
	background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    padding-top: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
	position: fixed;
	display: block !important;
	top: 60px !important;
	width: 260px !important;
	height: calc(100% - 220px) !important;
	overflow: auto !important;
	
}

.portlet h3 {text-transform: none !important}
.pBody {border: 0 !important;}

#column-content {
	width: unset !important;
	padding: 0;
	margin: 80px 120px 20px 400px !important;
	float: none !important;
}

#bodyContent{
	background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding: 20px;
}

#globalWrapper {
    background: transparent;
    background-image: none !important;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    font-size: 127%;
    padding: 0;
    position: unset !important;
    width: unset !important;
    box-shadow: none !important;
}

#top-fixed-bar {
	background: #fafafa none repeat scroll 0 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.35);
	height: 60px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 101;
}

#top-baar-logo{width: 240px;}

#globalWrapper img{
    max-width: 100%;
	height: auto;
}

#firstHeading, .firstHeading {
	padding-top: 0;
	overflow: visible;
	max-width: 930px;
	padding: 10px 20px;
	border: 0;
}

#footer{
	margin: 0px 120px 20px 400px !important;
}

#p-tb, #p-search{display: none !important;}

#privacy, #about, #disclaimer, #mobileview, #f-poweredbyico {display: none !important;}