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;
background-color: #EFE0FF
font-weight: bold;
color: #8B4513;
}


/* 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;
font-family: monospace;
color: #904c12;
}

#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
font-size: 1em;
font-family: monospace;
color: #924f0d;
}

.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {
    color: #8f4a0f;
}

.wikiEditor-ui-toolbar .sections .section {
background-color: #ffe4fa;
}


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

.select2-container-multi .select2-choices .select2-search-choice { 
background-image: none;
background-color: white;
border: 1px solid magenta;
}

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

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

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

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

.form_main p, .form_main h2 {
padding-bottom: 0.8em;
}

.form_container {
width:100%;
}

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

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


input[type='submit'], input[type='button'], input[type='reset'], input[type='file'] {
    background: #efefef;
    border: none;
    padding: 0 1em .4em;
    border-radius: 3px;
    font-family: Compagnon-Medium;
    color: #8f4c0e;
    font-size: 1em;
}



/* 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 {
font-size:2em;
padding-bottom: 2em;
}


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

#p-.E2.96.B3_Please_do_not_share_these_pages_on_commercial_social_media_.E2.96.B3-label {
margin-bottom: 1em !important;
}

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



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


/* CreateAccount page */

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


span.smwbrowse:hover {
color: magenta;
}

.mw-number-text.icon-edits, .mw-number-text.icon-contributors, .mw-number-text.icon-pages {
display: none !important;
}

.mw-ui-button.mw-ui-progressive {
background-color: magenta;
color: white;
border: none;
font-family: 'Compagnon-Medium';
}

.mw-ui-button.mw-ui-progressive:hover {
background-color: #8f4a04;
}

/* 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;
}

th {
text-align: left; 
font-family: 'Compagnon-Medium';
}


/* 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:92vh;
bottom: 0;
left: -9em;
background: #ffe4f9;
width: 200%;
padding-top: 0.5em;
font-size: 1.2em;
}

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

/* Footer */
#footer-places, #footer-places-about, #footer-places-disclaimer, #footer-icons {
display: none;
}

/* Logo */
div#p-logo {
display:none;
}

/* Property Related Styling */

.smw-table-row .smwpropname, .smw-table-row .smwpropname, .smw-table-row .smwspecname {
text-align: left;
}

.newpagemain table {
    border: 1px solid magenta;
    width: 100%;
}

.smw-ui-pagination .page-link.link-active {
background-color: magenta;
    border-color: magenta;
}

.smw-ui-pagination .page-link {
color: magenta;
}

.smw-tabs input.nav-tab:checked + label.nav-label {
border-top: 1px solid #ddd;
}

.smw-ui-input-filter {
color: #8e4703;
}

.smw-property-page-results .header-title {
color: magenta;
}

/* Page editing section */

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #924f0f;
    background-color: #efefef;
    border: none;
    font-family: 'Compagnon-Medium';
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button: hover {
background-color: white;
color: black;
}

.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    font-family: 'compagnon-medium';
    border: none;
    color: #924f0f;
    background-color: #efefef;
}



.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    font-family: 'compagnon-medium';
    background-color: #efefef;
    border: none;
    color: #924f0f;
}


.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
    padding: 0.4em;
    background: #efefef;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
background-color: #efefef;
}

.editOptions {
background-color: white;
}

/* Login Page */

#mw-createaccount-cta {
    background: none;
}

#mw-createaccount-join {
    background: magenta;
    color: white;
    border: none;
    font-family: 'compagnon-medium';
}

#mw-createaccount-join:hover {
    background: #924f0f;
}


.mw-ui-vform .warning {
border: none;
background-color: #ffe4fa;
}


/* Events listing */

div.events-wrapper {
    border: 1px solid #fd00ff;
    padding: 0 0.5em;
    margin: 1em 0;
}