MediaWiki:Common.css: Difference between revisions

From FamilySearch Wiki
(Fixed search box and 'Go' button on main page so Go button is on the same line as box.)
No edit summary
 
(303 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* Set width of search box to 70%, so 'go' button stays inline. */
/* Hides the main search field on the Main Page
#bodySearchInputHomePageSearchBox {
.page-Main_Page #p-search {
     width: 70%;
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;
}
}


/* change the box around the code feature */
#mw-head .vector-menu-dropdown h3 {
code {
font-size: 0.875em;
    color: #000;
line-height: 1.125em;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}
}
pre, code, tt, kbd, samp, .mw-code {
 
    font-family: monospace,Courier;
#mw-head .vector-menu-dropdown .vector-menu-content-list {
font-size: 1.6em;
}
}


/* make sure missing pages remain colored correctly after visiting */
#mw-head .vector-menu-dropdown .vector-menu-content-list {
a.new:visited, #p-personal a.new:visited {
     top: 38px;
     color: #a55858 !important;
}
}


/* change border on input forms to be 1pm, instead of 2px, and grey instead of black */
/** Remove file upload links from edit menus (Source & VE) **/
form input {
.wikiEditor-ui-toolbar .section-main .group-insert .oo-ui-widget[rel="file"] {
/*   border: 1px solid !important;*/
  display: none !important;
    border-color: darkgrey !important;
}
}


#newHeading {
.oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-name-media {
margin-top:0;}
  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 10: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;
}