MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(301 intermediate revisions by 5 users not shown)
Line 1: Line 1:
.button-style {
/* Hides the main search field on the Main Page
  background-color: #7897BA;
.page-Main_Page #p-search {
  border:4px outset #B3D2F5;
display:none;
  border-radius:.5rem;
}*/
  color: white !important;
 
  padding: .2rem 1.5rem;
/* Temporary solution to hide ToC on page (redundant with dismissible ToC) */
   text-align: center;
#toc.toc {
  text-decoration: none;
   display: none;
  display: inline-block;
}
  color:#EEF2F6;
 
  font-weight:bold;
/* Adds spacing between list items
  font-family:Arial;
.mw-body ul li, .mw-body-content ul li {
  cursor: pointer;
padding: 0.08em;
  padding: 1px 3px;
}*/
  position:absolute;
 
  font-size: 1.25rem;
/* Adds spacing between Vector menu list items (Test on specific page) */
  cursor: pointer;
.page-Talk_Anguilla_Genealogy .vector-menu-content-list li {
}
margin-bottom: 0.66em;
.button-style a {
  color:white;
text-decoration:none;
}
}


/* Set width of search box to 70%, so 'go' button stays inline. */
/* Shifts the Destination filename field on the Special:Upload page */
#bodySearchInputHomePageSearchBox {
.page-Special_Upload #wpDestFile {
    width: 70%;
transform: translate(-240px, 135px);
}
}


/* change the box around the code feature */
/* Shifts the Summary & Licensing fields on the Special:Upload page */
code {
.page-Special_Upload #wpUploadDescription,#wpLicense {
    color: #000;
transform: translate(-240px, 0px);
     background-color: #f9f9f9;
}
     border: 1px solid #ddd;
 
/* Temp fix START */
/* Need to incorporate this correctly into FsLookAndFeel */
.vector-menu-tabs-legacy ul {
     font-size: 18.8px;
}
/*
.fullFooter {
     float:left;
}
}
pre, code, tt, kbd, samp, .mw-code {
*/
     font-family: monospace,Courier;
#global-footer {
     all: unset;
    display: block;
    padding: 17px 24px 18px 8px;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-left: 150px;
}
}


/* make sure missing pages remain colored correctly after visiting */
/*
a.new:visited, #p-personal a.new:visited {
#global-footer {
    color: #a55858 !important;
    display: none;
}
.footer-left {
display:block !important;
}
.footer-right {
display:block !important;
}
}
*/
/* Temp fix END */


/* change border on input forms to be 1pm, instead of 2px, and grey instead of black */
/* Charles edit comment out
form input {
.flex-container{
/*    border: 1px solid !important;*/
display:flex;
    border-color: darkgrey !important;
flex-wrap:wrap;
gap:20px
}
}
*/


#newHeading {
.button1{
margin-top:0;}
border-radius:10px;
background:#4d94ff;
color:#ffffff;
padding:5px;
width:230px;
text-align:center;
font-size:15px;
cursor:pointer;
width:230px;


/* Define spacing and # of columns based on screen size */
}
@media screen and (min-width: 1400px) {
.button2{
.column-spacing-fullscreen{
border-radius:10px;
  column-count: 6;
background:#f16458;  
padding-right: 9% !important;
color:#ffffff;
}}
padding:5px;
@media screen and (min-width: 1200px) and (max-width: 1399px) {
width:230px;
.column-spacing-fullscreen{
text-align:center;
  column-count: 5;
font-size:15px;
}}
cursor:pointer;
@media screen and (min-width: 900px) and (max-width:1199px) {
width:230px;
.column-spacing-fullscreen{
}
  column-count: 4;
}}
@media screen and (min-width: 600px) and (max-width:899px) {
.column-spacing-fullscreen{
  column-count: 3;
}}
@media screen and (max-width:745px) {
.column-spacing-fullscreen{
  column-count: 2;
}}
@media screen and (max-width:500px) {
.column-spacing-fullscreen{
  column-count: 1;
}}


/* Define spacing and # of columns based on screen size - however,
/* this section assumes that only half the screen is available for
/* the columns.  Even though the screen size may be 1400px, the
/* available space for the columns is half that, or 700px. */


@media screen and (min-width: 1400px) {
 
.column-spacing-halfscreen{
/* Header stylying */
  column-count: 3;
.red_online_button {
}}
padding:5px;
@media screen and (min-width: 1200px) and (max-width: 1399px) {
}
.column-spacing-halfscreen{
.mw-body-content h2 {
  column-count: 2;
font-weight:bold;
}}
line-height:1.3 !important;
@media screen and (min-width: 900px) and (max-width:1199px) {
font-size:1.5rem !important;
.column-spacing-halfscreen{
}
   column-count: 1;
 
}}
.mw-body-content h3 {
.column-spacing-halfscreen li, .column-spacing-fullscreen li {padding-right:5px;}
font-weight:bold;
line-height:1.6 !important;
font-size:1.4rem !important;
}
 
.mw-body-content h4 {
font-weight:bold;
line-height: 1.6 !important;
font-size:1.3rem !important;
}
 
.mw-body-content h5 {
font-weight:normal;
line-height:1.6 !important;
font-size:1.2rem !important;
}
 
.mw-body-content h6 {
font-weight:normal;
line-height:1.6 !important;
font-size:1.1em !important;
font-style:italic;
}
 
#mw-head .vector-menu-dropdown h3 {
font-size: 0.875em;
line-height: 1.125em;
}
 
#mw-head .vector-menu-dropdown .vector-menu-content-list {
font-size: 1.6em;
}
 
#mw-head .vector-menu-dropdown .vector-menu-content-list {
    top: 38px;
}
 
/** Remove file upload links from edit menus (Source & VE) **/
.wikiEditor-ui-toolbar .section-main .group-insert .oo-ui-widget[rel="file"] {
  display: none !important;
}
 
.oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-name-media {
  display: none !important;
}
 
/* Remove the regular search bar from the Main Page */
.page-Main_Page #mw-head #right-navigation #p-search {
display: none !important;
}
 
 
/** Fix layout shift **/
 
.skiptranslate {
  margin-top: 0 !important;
}
#p-namespaces {
   display: flex;
  height: 42px;
}
#ca-watch a span,
#ca-unwatch a span {
  display: none;
}
#ca-watch,
#ca-unwatch {
  display: flex;
  width: 24px;
}
#p-namespaces .vector-menu-content-list li,  
#p-views .vector-menu-content-list li {
  font-size:.8rem !important;
}
#mw-head-base {
  height: unset !important;
}
.mw-body {
  margin-top: unset !important;
}
.vector-menu-tabs #ca-watch.icon a::before {
  margin-top: 6px;
}
.vector-menu-tabs-legacy li a {
  float: left;
  height: 100% !important;
  padding-top: 1.5em;
}
.vector-menu-tabs-legacy {
  height: 2.8em;
}
#right-navigation {
  margin-top: 2.5em;
}
#left-navigation {
  margin-top: 2.5em;
  margin-bottom: -2.5em;
}
#mw-page-base {
  height: 5.2rem;
}
#mw-head-base {
  margin-top: unset !important;
  height: unset !important;
}
#p-views .vector-menu-content {
  display: flex;
  align-items: end;
  height: 42px;
}

Latest revision as of 09:52, 8 July 2025

/* Hides the main search field on the Main Page 
.page-Main_Page #p-search {
	display:none;
}*/

/* Temporary solution to hide ToC on page (redundant with dismissible ToC) */
#toc.toc {
  display: none;
}

/* Adds spacing between list items 
.mw-body ul li, .mw-body-content ul li {
	padding: 0.08em;
}*/

/* Adds spacing between Vector menu list items (Test on specific page) */
.page-Talk_Anguilla_Genealogy .vector-menu-content-list li {
	margin-bottom: 0.66em;
}

/* Shifts the Destination filename field on the Special:Upload page */
.page-Special_Upload #wpDestFile {
	transform: translate(-240px, 135px);
}

/* Shifts the Summary & Licensing fields on the Special:Upload page */
.page-Special_Upload #wpUploadDescription,#wpLicense {
	transform: translate(-240px, 0px);
}

/* Temp fix START */
/* Need to incorporate this correctly into FsLookAndFeel */
.vector-menu-tabs-legacy ul {
    font-size: 18.8px;
}
/*
.fullFooter {
    float:left;
}
*/
#global-footer {
    all: unset;
    display: block;
    padding: 17px 24px 18px 8px;
    box-sizing: border-box;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-left: 150px;
}

/*
#global-footer {
    display: none;
}
.footer-left {
	display:block !important;
}
.footer-right {
	display:block !important;
}
*/

/* Temp fix END */

/* Charles edit comment out
.flex-container{
	display:flex;
	flex-wrap:wrap;
	gap:20px
}
*/

.button1{
	border-radius:10px;
	background:#4d94ff; 
	color:#ffffff;
	padding:5px;
	width:230px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	width:230px;

}
.button2{
	border-radius:10px;
	background:#f16458; 
	color:#ffffff;
	padding:5px;
	width:230px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	width:230px;
}



/* Header stylying */
.red_online_button {
	padding:5px;
}
.mw-body-content h2 {
	font-weight:bold;
	line-height:1.3 !important;
	font-size:1.5rem !important;
}

.mw-body-content h3 {
	font-weight:bold;
	line-height:1.6 !important;
	font-size:1.4rem !important;
}

.mw-body-content h4 {
	font-weight:bold;
	line-height: 1.6 !important;
	font-size:1.3rem !important;
}

.mw-body-content h5 {
	font-weight:normal;
	line-height:1.6 !important;
	font-size:1.2rem !important;
}

.mw-body-content h6 {
	font-weight:normal;
	line-height:1.6 !important;
	font-size:1.1em !important;
	font-style:italic;
}

#mw-head .vector-menu-dropdown h3 {
	font-size: 0.875em;
	line-height: 1.125em;
}

#mw-head .vector-menu-dropdown .vector-menu-content-list {
	font-size: 1.6em;
}

#mw-head .vector-menu-dropdown .vector-menu-content-list {
    top: 38px;
}

/** Remove file upload links from edit menus (Source & VE) **/
.wikiEditor-ui-toolbar .section-main .group-insert .oo-ui-widget[rel="file"] {
  display: none !important;
}

.oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-name-media {
  display: none !important;
}

/* Remove the regular search bar from the Main Page */
.page-Main_Page #mw-head #right-navigation #p-search {
	display: none !important;
}


/** Fix layout shift **/

.skiptranslate {
   margin-top: 0 !important;
}
#p-namespaces {
   display: flex;
   height: 42px;
}
#ca-watch a span,
#ca-unwatch a span {
   display: none;
}
#ca-watch,
#ca-unwatch {
   display: flex;
   width: 24px;
}
#p-namespaces .vector-menu-content-list li, 
#p-views .vector-menu-content-list li {
   font-size:.8rem !important;
}
#mw-head-base {
   height: unset !important;
}
.mw-body {
   margin-top: unset !important;
}
.vector-menu-tabs #ca-watch.icon a::before {
   margin-top: 6px;
}
.vector-menu-tabs-legacy li a {
   float: left;
   height: 100% !important;
   padding-top: 1.5em;
}
.vector-menu-tabs-legacy {
   height: 2.8em;
}
#right-navigation {
   margin-top: 2.5em;
}
#left-navigation {
   margin-top: 2.5em;
   margin-bottom: -2.5em;
}
#mw-page-base {
   height: 5.2rem;
}
#mw-head-base {
   margin-top: unset !important;
   height: unset !important;
}
#p-views .vector-menu-content {
  display: flex;
  align-items: end;
  height: 42px;
}