To request editing rights on the Wiki, click here.

Difference between revisions of "MediaWiki:Common.css"

From FamilySearch Wiki
Jump to navigation Jump to search
(Change tooltip class in order to move the popup box to the middle of the 'hover word')
 
Line 1: Line 1:
 +
/* The following readjusts the popup box that appears when hovering over links in GuidedResearch.  */
 +
.tooltip .tooltiptext {
 +
    left: unset;
 +
}
 +
 +
 
.button-style {
 
.button-style {
 
   background-color: #7897BA;
 
   background-color: #7897BA;

Latest revision as of 22:48, 12 November 2019

/* The following readjusts the popup box that appears when hovering over links in GuidedResearch.   */
.tooltip .tooltiptext {
    left: unset;
}


.button-style {
  background-color: #7897BA;
  border:4px outset #B3D2F5;
  border-radius:.5rem;
  color: white !important;
  padding: .2rem 1.5rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-weight:bold;
  font-family:Arial;
  position:absolute;
  font-size: 1.25rem;
  cursor: pointer;
	}
.button-style > a, .button-style > a.visited, .button-style > a.external:visited , .button-style > a:hover {
  color:white !important;
	text-decoration:none !important;
}


/* Set width of search box to 70%, so 'go' button stays inline. */
#bodySearchInputHomePageSearchBox {
    width: 70%;
}

/* change the box around the code feature */
code {
    color: #000;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
}
pre, code, tt, kbd, samp, .mw-code {
    font-family: monospace,Courier;
}

/* make sure missing pages remain colored correctly after visiting */
a.new:visited, #p-personal a.new:visited {
    color: #a55858 !important;
}

/* change border on input forms to be 1pm, instead of 2px, and grey instead of black */
form input {
/*    border: 1px solid !important;*/
    border-color: darkgrey !important;
}

#newHeading {
margin-top:0;}

/* Define spacing and # of columns based on screen size */
@media screen and (min-width: 1400px) {
 .column-spacing-fullscreen{
   column-count: 6;
	padding-right: 9% !important;
}}	
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 .column-spacing-fullscreen{
   column-count: 5;
}}
@media screen and (min-width: 900px) and (max-width:1199px) {
 .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{
   column-count: 3;
}}	
@media screen and (min-width: 1200px) and (max-width: 1399px) {
 .column-spacing-halfscreen{
   column-count: 2;
}}
@media screen and (min-width: 900px) and (max-width:1199px) {
 .column-spacing-halfscreen{
   column-count: 1;
}}
.column-spacing-halfscreen li, .column-spacing-fullscreen li {padding-right:5px;}