Difference between revisions of "MediaWiki:Common.css"

From Cross the Hurdles
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
 
#privacy, #about, #disclaimer, #mobileview {display: none;}
 
 
body{
 
body{
 
background:#f2f2f2;
 
background:#f2f2f2;
 +
background-image: none !important;
 
font-size: 14px;
 
font-size: 14px;
 
color: black;
 
color: black;
Line 11: Line 10:
 
}
 
}
  
#column-content {
+
#p-cactions{
width: 100%;
+
position: inherit !important;
padding: 0;
+
background: #aaa !important;
margin: 0 0 0.6em 337px;;
+
width: 100% !important;
float: none;
+
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 {
 
#content {
margin: 3.4em 0 0 15em;
+
margin: 0 auto;
 
padding: 0 1em 0.5em 1em;
 
padding: 0 1em 0.5em 1em;
 
position: relative;
 
position: relative;
Line 25: Line 36:
 
#column-one {
 
#column-one {
 
background: #fff none repeat scroll 0 0;
 
background: #fff none repeat scroll 0 0;
    display: table;
 
 
     margin: 0 auto;
 
     margin: 0 auto;
 
     padding-top: 0;
 
     padding-top: 0;
 
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
 
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
 
position: fixed;
 
position: fixed;
top: 0;
+
display: block !important;
}
+
top: 60px !important;
#content {
+
width: 260px !important;
margin: 0 auto;
+
height: calc(100% - 220px) !important;
position: relative;
+
overflow: auto !important;
z-index: 2;
+
 
}
 
}
 +
 +
.portlet h3 {text-transform: none !important}
 +
.pBody {border: 0 !important;}
 +
 
#column-content {
 
#column-content {
float: right;
+
width: unset !important;
margin: 0px auto 0px 300px;
+
padding: 0;
max-width: 930px;
+
margin: 80px 120px 20px 400px !important;
 +
float: none !important;
 
}
 
}
 +
 
#bodyContent{
 
#bodyContent{
 
background: #fff;
 
background: #fff;
Line 50: Line 66:
  
 
#globalWrapper {
 
#globalWrapper {
     background: #fff none repeat scroll 0 0;
+
     background: transparent;
     background-image: none;
+
     background-image: none !important;
 
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
     font-size: 127%;
 
     font-size: 127%;
 
     padding: 0;
 
     padding: 0;
     position: unset;
+
     position: unset !important;
     width: unset;
+
     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;
 
}
 
}
  
/* scale back up to a sane default */
+
#top-baar-logo{width: 240px;}
 +
 
 
#globalWrapper img{
 
#globalWrapper img{
 
     max-width: 100%;
 
     max-width: 100%;
Line 69: Line 97:
 
overflow: visible;
 
overflow: visible;
 
max-width: 930px;
 
max-width: 930px;
padding: 20px;
+
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;}