Anonymous

Difference between revisions of "MediaWiki:Common.css"

From Clicklaw Wikibooks
10,004 bytes added ,  20:10, 11 July 2021
no edit summary
Line 8: Line 8:
}
}
body.page-Main_Page #ca-delete {
body.page-Main_Page #ca-delete {
     display: none !important;
     display: none !important;right:
}
}
   
   
body.page-Main_Page #mp-topbanner {
body.page-Main_mobiPage #mp-topbanner {
   clear: both;
   clear: both;
}
}
Line 1,060: Line 1,060:
}
}


/* Mobile view */
/************************* Mobile view ****************************/
/*CLWB-363*/
/*CLWB-363*/
/*Home Page 2 columns - Desktop CSS*/
/*Home Page 2 columns - Desktop CSS*/
Line 1,081: Line 1,081:


.div-box-h2-HP {
.div-box-h2-HP {
margin:0px 0px 15px 0px;  
margin: 1em 0px 15px 0px !important;  
font-size:120%;  
font-size:120%;  
font-weight:bold;  
font-weight:bold;  
Line 1,192: Line 1,192:
table.plainlinks.ombox.ombox-notice {
table.plainlinks.ombox.ombox-notice {
width: 50%;
width: 50%;
}
/**********************************Desktop CSS changes**************************/
body, .mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: Trebuchet MS, sans-serif !important;
font-size: 18px;       
}
body{
        background-color: #fafafa !important;
        background-image: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/*CLWB-328 - Update style for left hand menu*/
/* Content */
div#content {
/*margin-left: 227px;
padding: 1em;*/
background-image: none !important;
/*background-position: top left;
background-repeat: repeat-y;
background-color: white;*/
color: black;
direction: ltr;
padding-top: 20px;
padding-right: 20px;
}
#mw-page-base {
height: 12em;
background-color: #fafafa;
background-image: none !important;
/*background-position: bottom left;
background-repeat: repeat-x;*/
}
#mw-head-base {
margin-left: 12em;
}
div#mw-head {
height: 140px;
box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
-moz-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
-o-box-shadow: 3px 1px 7px 0 rgba(0, 0, 0, 0.11);
background: white;
border-bottom: 1px solid #e4e4e4;
        width: 100%;
}
#p-personal li {
margin-left: 1.3em;
}
/*CLWB-328 - Update style for left hand menu*/
/* Navigation Containers */
#left-navigation {
/*left: 230px;
top: 7.6em; */
        margin-left: 12.5em;
        /*padding-bottom: 5px;*/
}
.vector-menu-tabs li {
background: none;
        /*background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;*/
}
.vector-menu-tabs li a {
color: #4f5359;
text-decoration: none;
}
.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited{
color: #4f5359;
text-decoration: none;
}
/*#center-navigation {
position: absolute;
left: 650px;
top: 2.5em;
}*/
/*#p-cactions h5{
margin-bottom: 0em;
}*/
/*div.clicklawTabs {
/* @embed */
background-image: none ;
}*/
/*div.clicklawTabs span {
background-image: none;
}*/
/*CHANGE: CLWB-316 - Match heading styles to that on Clicklaw.bc.ca*/
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited{
color: #4f5359;
font-weight: bold;
}
.vector-menu-tabs .selected{
        background: transparent !important;
        background-image: linear-gradient(to top,#54a546 0,transparent 2.5px,transparent 100%) !important;
}
.vector-menu-dropdown{
    /*background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;*/
    /*padding-bottom: 5px;*/
}
.vector-menu-dropdown .vector-menu-checkbox:checked ~ .vector-menu-content .vector-menu-content-list{
    margin-top: 5px !important;
}
.vector-menu-dropdown .vector-menu-content-list{
    margin-top: 5px;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3{
    background: none;
}
/*div.clicklawTabs li.new a,
div.clicklawTabs li.new a:visited{
color: #4f5359;
}*/
/*div.clicklawMenu h5 a {
height: 1.85em;
background-image: none;
}*/
.vector-menu-dropdown li a {
color: #4f5359;
text-decoration: none;
}
.vector-menu-dropdown li.selected  a,
.vector-menu-dropdown li.selected  a:visited {
color: #4f5359;
}
#p-search {
    float: right;
    position: absolute;
    border-left: 1px solid #e4e4e4;
    padding-left: 20px;
    height: 55px;
    top: 44px;
    background-color: #fafafa;
    margin: 0em;
    min-width: 300px;
    right: 0em;
    padding: 20px 30px 20px 30px;
}
/*CLWB-328 - Update style for left hand menu*/
.portal h3, .vector-menu-portal h3 {
font-weight: bold;
color: #333333;
        background-image: none;
}
/*CLWB-328 - Update style for left hand menu*/
.portal .body, .vector-menu-portal .body {
background-image: none;
}
/*CLWB-328 - Update style for left hand menu*/
.portal .body li a, .vector-menu-portal .body li a {
color: #333333;
        text-decoration: underline;
}
.portal .body li a, .vector-menu-portal .body li a:visited {
color: #333333;
        text-decoration: underline;
}
.portal, .vector-menu-portal{
        padding: 0 0 1.5em 0;
}
/*CLWB-328 - Update style for left hand menu*/
/* Footer */
#footer {
margin-left: 12em;
margin-top: 50px;
background-image: none;
/*background-position: top left;
background-repeat: repeat-x;*/
box-shadow: 0 0 6px 0 rgba(0,0,0,0.09);
background: white;
border: 1px solid #e4e4e4;
}
/*CHANGE: CLWB-322 - Reduce logo size*/
/* Logo */
#p-logo {
height: 80px;
}
#p-logo a {
height: 80px;
}
/* Icon for Usernames */
#pt-userpage,
#pt-anonuserpage,
#pt-login { 
        background: none;
}
.vector-menu-tabs ul {
background-image: none;
}
/*body.clicklaw-animateLayout #center-navigation {
-moz-transition: left 250ms;
-webkit-transition: left 250ms;
-o-transition: left 250ms;
transition: left 250ms;
}*/
/*CLWB-328 - Update style for left hand menu*/
div#mw-panel {
box-shadow: 1px 6px 7px 0px rgba(0,0,0,0.11);
padding:30px 20px 0px 0px;
margin:7px 0px 0px 0px;
background: white;
border-right: 1px solid #e4e4e4;
        top: 138px;
}
#p-personal {
background-color: #f5f5f5;
padding: 5px 0px 5px 0px;
box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
-moz-box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
-o-box-shadow: inset  0px -4px 6px rgba(0, 0, 0, 0.07);
border-bottom: 1px solid #e4e4e4;
        -moz-transition: right 250ms;
        -webkit-transition: right 250ms;
        -o-transition: right 250ms;
        transition: right 250ms;
        transition: right 250ms;
        width: 100%;
        top: 0em;
        right: 0em;       
}
#p-personal ul li a {
color: #4f5359 !important;
font-size: 1em;
text-decoration: none;
        font-weight: bold;
}
#p-personal ul li a:hover, #p-personal ul li a:focus{
        color: #54a546 !important;
}
#p-personal ul {
    padding-right: 1.2em;
}
/*#center-navigation { top: 7.6em; }*/
/*CHANGE: CLWB-322 - Reduce logo size*/
#p-logo {
        position: absolute;
top: -90px;
width: 400px;
        margin-left: -1.666667em;
}
#p-logo a {
width: 400px;
}
/*CHANGE: CLWB-314 - Removing the default blue that appears for links*/
#mw-content-text a {
  color: #000;
  text-decoration: underline;
}
a, a.new {
color: #000;
        text-decoration: underline;
}
a:visited {
color: #000;
        text-decoration: underline;
}
a:active {
color: #000;
        text-decoration: underline;
}
a:hover, a:focus {
        color: #54a546 !important;
        text-decoration: underline;
}
/*#searchform div { 
position: relative !important;
}*/
#searchform input#searchInput {
        float: right;
        position: absolute;
font-family: Trebuchet MS, sans-serif; 
padding: 10px 40px 10px 10px; 
border: none;  width: 300px; 
box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2); 
/*margin: 0px -130px 0px -130px;*/
-webkit-appearance: none;
-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
        /*right: 0em;*/
        top: 10px;
}
#searchform {
        position: relative;
}
#mw-searchButton { 
/*position: relative; 
left: 258px; */
background: rgba(0,0,0,0); 
border: none; 
cursor: pointer; 
margin: 0; 
padding: 10px 12px;
        float: right;     
}
#searchButton{
        /*position: relative;
        float: right;*/
        /*left: 258px;*/
        background-size: 15px;
        width: 20px;
        height: 20px;
        top: 20px;
        margin: 0px 10px 0px 0px !important;
}
/*#p-search-border {
border-left: 1px solid #e4e4e4;
    padding-left: 10px;
    height: 125px;
    float: right;
    top: 39px;
    background-color: #fafafa;
}*/
/*CLWB-336 - UX: Printable version not optimized for print */
body.page-Main_Page #p-coll-print_export {
display:none;
}
#mw-panel .portal-first h3{
        display: block;
}
/*CHANGE: CLWB-315 - Update font to Trebuchet MS*/
q {
font-family: Trebuchet MS, Times, "Times New Roman", serif;
}
/*CHANGE: CLWB-315 - Update font to Trebuchet MS*/
pre, code, tt, kbd, samp {
font-family: Trebuchet MS, monospace, "Courier New";
}
.catlinks {
border: none;
background-color: transparent;
text-decoration: underline;
}
.catlinks a {
text-decoration: underline;
}
/*CHANGE: CLWB-314 - Removing the default blue that appears for links*/
/* Interwiki Styling */
/*div#content a.extiw,
div#content a.extiw:active {
color: #000;
/* Don't show icons for interwiki links */
background: none;
padding: 0;
}
div#content a.extiw:visited {
color: #000;
}
div#content a.extiw:active {
color: #000;
}*/
#pt-userpage,
#pt-anonuserpage,
#pt-login {
background: none;
}
#mw-head div.body.vector-menu-content{
        float: right;
        padding: 5px 0px 5px 0px;
}
#pt-userpage a {
        background: none;
}
.mw-body, .parsoid-body{
        background: none;
        border: none;
}
#left-navigation, #right-navigation{
        margin-top: 9em;
        width: 40%;
        background-image: linear-gradient(to top,#cacaca 0,transparent 2.5px,transparent 100%) !important;
        padding-bottom: 5px;
}
#right-navigation{
        float: left;
        /*margin-right: 40%;*/
}   
#searchInput:focus, #simpleSearch:hover #searchInput:focus {
    outline: 0;
    border-color: #000;
    -webkit-box-shadow: inset 0 0 0 1px #000,inset 0 0 0 2px #ffffff;
    box-shadow: inset 0 0 0 1px #000,inset 0 0 0 2px #ffffff;
}
:focus {
    outline-color: #000;
}
#simpleSearch{
  /*margin-right: -50px;*/
  /*margin-top: 25px;*/
  width: auto;
}
#p-search form {
    /* margin: 0.5em 0 0; */
    margin: 0px;
}
#firstHeading{
    font-size: 1.6em;
}
/*CommetStreams style*/
#cs-header {
    background-color: #DFF0FF;
    padding: 12px;
    border: 2px solid #30538f;
    width: fit-content;
}
/*Hide single page printing message collection*/
.collection-warning-box, .collection-notice-box{
    display:none;
}
/*Hide comments*/
.cs-stream{
    display:none;
}
}