Difference between revisions of "MediaWiki:Common.css"
From Cross the Hurdles
Lalit Kumar (talk | contribs) |
Lalit Kumar (talk | contribs) |
||
(16 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
body{ | body{ | ||
background:#f2f2f2; | background:#f2f2f2; | ||
+ | background-image: none !important; | ||
font-size: 14px; | font-size: 14px; | ||
color: black; | color: black; | ||
Line 11: | Line 10: | ||
} | } | ||
− | # | + | #p-cactions{ |
− | width: 100%; | + | position: inherit !important; |
− | padding: 0; | + | 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 { | #content { | ||
− | margin: | + | margin: 0 auto; |
padding: 0 1em 0.5em 1em; | padding: 0 1em 0.5em 1em; | ||
position: relative; | position: relative; | ||
Line 23: | Line 36: | ||
#column-one { | #column-one { | ||
background: #fff none repeat scroll 0 0; | background: #fff none repeat scroll 0 0; | ||
− | |||
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; | ||
+ | display: block !important; | ||
+ | top: 60px !important; | ||
+ | width: 260px !important; | ||
+ | height: calc(100% - 220px) !important; | ||
+ | overflow: auto !important; | ||
+ | |||
} | } | ||
− | #content { | + | |
− | + | .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{ | #bodyContent{ | ||
background: #fff; | background: #fff; | ||
border-radius: 3px; | border-radius: 3px; | ||
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); | box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14); | ||
− | |||
− | |||
padding: 20px; | padding: 20px; | ||
} | } | ||
#globalWrapper { | #globalWrapper { | ||
− | background: | + | background: transparent; |
+ | 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; | ||
+ | } | ||
+ | |||
+ | #top-baar-logo{width: 240px;} | ||
+ | |||
#globalWrapper img{ | #globalWrapper img{ | ||
max-width: 100%; | max-width: 100%; | ||
height: auto; | 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;}