Difference between revisions of "MediaWiki:Common.css"

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


* {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
text-transform: lowercase;
border-bottom: none !important;
font-weight: bold;
color: #8B4513;
}

.mw-parser-output {
margin-left: 1em;
}

/* img {
padding: 1.3em;
} */

img.more-icon {
width: 0.8em;
height: auto;
}

a, a:visited {font-family: 'Compagnon-Medium'; color: rgb(140, 70, 13);}

a:hover {
color: #fd00ff;
text-decoration: none;
}

/* columns on the first page */

.entrance.row {
  content: "";
  clear: both;
  display: table;
}

.entrance.column {
  float: left;
  width: 33.33%;
  padding: 10px;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}







/* hiding elements pertaining to classic wiki styling */

body.page-Main_Page h1#firstHeading.title { 
display: none; 
}

body.page-Main_Page h3#tagline {
display: none;
}

#simpleSearch {
display: none;
}

div.portal#p-tb{
display:none;
}

div.body > #t-upload, div.body > #t-specialpages, div.body > #t-print, div.body > #p-tb-label {
display:none;
}

span.mw-redirectedfrom{
display:none;
}

h3#p-Why-label{
display:block !important;
}





/* defining style for links */







/* defining style for inexistent links */

a.new {color: red !important;}





/* styling the title of a page */

h1#firstHeading.firstHeading {font-size:3.5em;    color: rgb(140, 70, 13);    margin-left: 0.2em; font-family: 'Compagnon-Medium';}





/* styling the New Page form */

#pfForm select, #pfForm input[type="checkbox"] {
font-size: 1em;
color: #904c12;
}

.select2-container-multi .select2-choices {
background-image: none;
}

li.select2-search-choice {
color: #904c12 !important;
}

.form_side {
float:right;
width: 40%;
padding-top: 36.9em;
padding-left: 2em;
}

.form_main {
float: left;
text-align: left;
width: 60%;
}

.form_container {
width:100%;
}

.form_container:after {
  content: "";
  display: table;
  clear: both;
}

input.formInput {
    font-size: 1em;
    color: red;
    width: 50%;
}





/* styling the template */

.template_image {
float:right; 
margin-right: 0;
}

dd {
    margin-left: 0 !important;
    text-align: center;
    width: 100%;
    border: 1px dashed #8c460d;
    color: #8c460d;
    padding: 0.3em;
    border-radius: 25px;
}

.newpagemain, .infomain {
width: 100%;
}

.newpagemain:after, .infomain:after {
  content: "";
  display: table;
  clear: both;
}

table.cwarning {
color: #f6fff2;
font-size: 1em;
background: red;
padding: 0.2em 0.4em 0em 0.4em;
width: 100%;
text-align: center !important;
}

b.descrip {
font-family: 'Compagnon-Medium';
padding-right: 0.5em;
}

.newpagemain_left {
float:left;
width: 70%;
padding-right: 2.5em;
padding-top: 2em;
line-height: 1.5em;
}

.newpagemain_right {
float:right;
width: 30%;
padding-top: 6.5em;
color: #8c460d;
}

.infomain_left {
float:left;
width: 70%;
padding-right: 2.5em;
line-height: 1.5em;
}

.infomain_right {
float:right;
width: 30%;
font-size: 1.5em;
}

table.contactable {
color: #8c460d;
}




/* styling "not found on" text on the nav bar */

li#n-not-found-on a, li#n-not-found-on a:visited {
color: rgb(140, 70, 13) !important;
font-size:2em;
font-family: 'Compagnon-Medium';
}


h3#p-has_two_aims:-label {
padding-top:1em !important;
}

li#n-create-new-page {
padding-top: 1em !important;
}

li#ca-nstab-special {
padding-left:1em;
}


#bodyContent .mw-number-text h3 {
color:#8c460d;
}


/* CreateAccount page */
.mw-createacct-benefits-container {
display: none !important;
}


#pt-userpage, #pt-mytalk, #pt-preferences, #pt-watchlist, #pt-mycontris, #pt-logout {
color:#8c460d;
}


span.smwbrowse:hover {
color: magenta;
}


/* Text Editor */

.wikiEditor-ui-toolbar {
background-color: white;
background-image:none;
}



/* Table design */

th.headerSort {
 color: magenta !important;
 font-family: 'Compagnon-Medium';
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 border: 1px solid magenta !important;
 background: white;
 color: #8c460d;
}


/* Missing Links */

div.infoMessage {
   border: 1px solid magenta;
   font-size: 1.2em !important;
   background: none;
}

/* Top Right Nav Bar */

/*
div#p-personal #pt-preferences, div#p-personal #pt-watchlist, div#p-personal #pt-logout, div#p-personal #pt-login, div#p-personal #n-Create-Account {
display:none;
}
*/

#p-personal {
position: fixed;
top:none;
bottom: 0;
left: 7em;
}

#mw-head {
top: -2.5em;
}