Saltar para o conteúdo

Informações sobre a edição das páginas da wiki em português e do Centro do FamilySearch.

MediaWiki:Common.css: diferenças entre revisões

MediaWiki:Common.css (ver código-fonte)

Revisão das 13h37min de 12 de janeiro de 2022

6 823 bytes adicionados ,  12 de janeiro de 2022
sem resumo de edição
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
/* The following readjusts the popup box that appears when hovering over links in GuidedResearch. */ .tooltip .tooltiptext {
/*green online button*/
.green_online_button {
    background-color: #BFD730;
    border-radius: 10px;
    color: white;
    width: 210px;
    min-height:52px;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    margin: 5px;
    padding-right: 5px;
    padding-left:5px;
    padding-top:15px;
    padding-bottom:15px;
    display: block;
}
 
.green_online_button:hover, .green_online_button:visited {
    text-decoration: none !important;
    background-color: #cade54;
}
 
.green_online_button>a, .green_online_button>a.visited, .green_online_button>a.external:visited, .green_online_button>a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*red online button*/
.red_online_button {
    background-color: #f16458;
    border-radius: 10px;
    color: white;
    width: 210px;
    min-height:52px;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    margin: 5px;
    padding-right: 5px;
    padding-left:5px;
    padding-top:15px;
    padding-bottom:15px;
    display: block;
}
 
.red_online_button:hover, .red_online_button:visited {
    text-decoration: none !important;
    background-color: #f59289;
}
 
.red_online_button>a, .red_online_button>a.visited, .red_online_button>a.external:visited, .red_online_button>a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*brown online button*/
.brown_online_button {
    background-color: #9c947a;
    border-radius: 10px;
    color: white;
    width: 210px;
    min-height:52px;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    margin: 5px;
    padding-right: 5px;
    padding-left:5px;
    padding-top:15px;
    padding-bottom:15px;
    display: block;
}
 
.brown_online_button:hover, .brown_online_button:visited {
    text-decoration: none !important;
    background-color: #b3ad98;
}
 
.brown_online_button>a, .brown_online_button>a.visited, .brown_online_button>a.external:visited, .brown_online_button>a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*orange online button*/
.orange_online_button {
    background-color: #fcb34b;
    border-radius: 10px;
    color: white;
    width: 210px;
    min-height:52px;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    margin: 5px;
    padding-right: 5px;
    padding-left:5px;
    padding-top:15px;
    padding-bottom:15px;
    display: block;
}
 
.orange_online_button:hover, .orange_online_button:visited {
    text-decoration: none !important;
    background-color: #fdbf68;
}
 
.orange_online_button>a, .orange_online_button>a.visited, .orange_online_button>a.external:visited, .orange_online_button>a:hover {
    color: white !important;
    text-decoration: none !important;
}
/*gray online button*/
.gray_online_button {
    background-color: #bab7b1;
    border-radius: 10px;
    color: white;
    width: 210px;
    min-height:52px;
    text-align: center;
    text-decoration: none;
    font-size: 1.1em;
    margin: 5px;
    padding-right: 5px;
    padding-left:5px;
    padding-top:15px;
    padding-bottom:15px;
    display: block;
   
}
 
.gray_online_button:hover, .gray_online_button:visited {
    text-decoration: none !important;
    background-color:  #cfcdc9;
}


  left: unset;
.gray_online_button>a, .gray_online_button>a.visited, .gray_online_button>a.external:visited, .gray_online_button>a:hover {
    color: white !important;
    text-decoration: none !important;
}
}


.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. */
/* Override Bootstrap for tooltip links */
.tooltip {
font-size: 1rem !important;
font-family: Verdana,sans-serif !important;
}
 
/* Remove SMW Loader */
/* Should be removed after SMW is fixed */
#mw-indicator-smw-entity-examiner {
display: none !important;
}
 
/* Remove powered by banners in footer */
#footer-poweredbyico {
display: none !important;
}


bodySearchInputHomePageSearchBox {
/* The background container for Main_Page-GR */
  width: 70%;
#GRContainer {
background-image: url(/wiki/en/img_auth.php/9/95/World_map_purplish.png);
/* Make the container (and background image) 100% of the viewport */
width: 100vw;
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;
}
#GRContainerTest2 {
background-image: url(/wiki/en/img_auth.php/9/95/World_map_purplish.png);
}
/* the menu table on the Main_Page-GR */
#GRMenu {
border:1px solid black;
width:max-content;
margin-left: auto;
margin-right: auto;
background-color: #ffffffd1; /* white with alpha transparency */
}
/* The callout for Main_Page-GR */
.callout2 {
    position: absolute;
    top: 1%;
    right: 80%;
    width: 160px;
    text-align: center;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 5px 5px 2px #888888;
    color: #004d99;
    background-color: white;
    padding: 5px;
    border: 1px solid gray
}
/* The div containing the logo on Main Page-GR */
.GRLogo {
position: absolute;
    left: 80%;
    top: 1%;
}
}


/* 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;
/* Create a class for GR Sidebar tables */
.sidebar {
padding:2px;
width:max-content;
margin-left:10px;
margin-top: 47px;
border-spacing:0px;
border:1px solid gray;
position:relative;
background:white;
}
}


/* make sure missing pages remain colored correctly after visiting */ a.new:visited, #p-personal a.new:visited {
.sidebar p {
line-height: 1em;
}


  color: #a55858 !important;
.sidebar-heading {
text-align:center;
background: #DCDAD1;
font-size:12pt;
}
}
/** overrides for Mobile Guided Research Main Page */
@media (max-width: 720px) {
/** override Minerva for menu table */
.content table {
width: fit-content !important;
border: solid 1px gray !important;
padding-top: unset !important;
}
/* Minerva
@media (max-width: 720px)
.content table {
width: 100% !important;
border: unset !important;
padding-top: 2.5rem;
*/
/* Send nav back button to below menu */
.callout2 {
position: unset;
/* position: absolute; */
margin-left: auto;
margin-right: auto;
}
/* Hide the callout heading */
.calloutHeading {
display: none;
}
.guided_research_link {
width: auto;
/* width: 90px; */
}


/* change border on input forms to be 1pm, instead of 2px, and grey instead of black */ form input { /* border: 1px solid !important;*/
.GRLogo {
position: unset;
}
}
/* end media query */


  border-color: darkgrey !important;
/* Create a blue gradient */
.gradient {
padding-left:20px;
padding-right:20px;
margin-left:-20px;
margin-right:-20px;
background: #d7e0ff;
}
}


newHeading {
/* The following readjusts the popup box that appears when hovering over links in GuidedResearch.  */
margin-top:0;}
.tooltip .tooltiptext {
    left: unset;
    width: max-content;
}


/* Define spacing and # of columns based on screen size */ @media screen and (min-width: 1400px) {
/* Override Bootstrap's definition of container for the FAQ Pages */
#FAQPage.container {
margin-left: 0;
}


.column-spacing-fullscreen{
/* Bootstrap overrides */
  column-count: 6;
legend {
padding-right: 9% !important; }} @media screen and (min-width: 1200px) and (max-width: 1399px) {
width: auto;
}
.tooltip {
opacity:100 !important;
}
table {
border-collapse: separate;
}
caption {
caption-side: top;
}
th {
text-align: center;
}
/* end Bootstrap overrides */


.column-spacing-fullscreen{
  column-count: 5;
}} @media screen and (min-width: 900px) and (max-width:1199px) {


.column-spacing-fullscreen{
.button-style {
   column-count: 4;
  background-color: #7897BA;
}} @media screen and (min-width: 600px) and (max-width:899px) {
  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;
}


.column-spacing-fullscreen{
  column-count: 3;
}}
@media screen and (max-width:745px) {


.column-spacing-fullscreen{
/* Set width of search box to 70%, so 'go' button stays inline. */
  column-count: 2;
#bodySearchInputHomePageSearchBox {
}} @media screen and (max-width:500px) {
    width: 70%;
}


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


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


@media screen and (min-width: 1400px) {
/* 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;
}


.column-spacing-halfscreen{
#newHeading {
  column-count: 3;
margin-top:0;}
}} @media screen and (min-width: 1200px) and (max-width: 1399px) {


.column-spacing-halfscreen{
/* Define spacing and # of columns based on screen size */
  column-count: 2;
@media screen and (min-width: 1400px) {
}} @media screen and (min-width: 900px) and (max-width:1199px) {
.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;
}}


.column-spacing-halfscreen{
/* Define spacing and # of columns based on screen size - however,
  column-count: 1;
/* this section assumes that only half the screen is available for
}} .column-spacing-halfscreen li, .column-spacing-fullscreen li {padding-right:5px;}
/* 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;}


/* landing page */ .fakelink {


  color:#004d99;
/* landing page */
  display:block;
.fakelink {
    color:#004d99;
    display:block;
}
}


/*--------------------------main page coding-----------------*/ /* ------------------new CSS -------------------*/
/*--------------------------main page coding-----------------*/
/* ------------------new CSS -------------------*/


/* ------------------containers / elements -------------------*/
/* ------------------containers / elements -------------------*/
#map {
    position: relative;
    width: 100%;
    padding-top: 40px;
    margin-left: 0;
}


map {
.sectionTitle {
  position: relative;  
text-align:center;  
  width: 100%;
margin-bottom:5px;  
  padding-top: 40px;
font-size:1.2rem;  
  margin-left: 0;
}
}


.sectionTitle { text-align:center; margin-bottom:5px; font-size:1.2rem; margin-top:-10px; }
.subTitle {
text-align:center;  
font-size:1rem;  
}


.subTitle { text-align:center; font-size:1rem; }
#statsline {
 
text-align:center;  
statsline {
margin-top:5px;
text-align:center; margin-top:5px; margin-bottom:16px; }
margin-bottom:16px;
}


.menuTitle {
.menuTitle {
 
    color:black;
  color:black;
    justify-content:space-between;
  justify-content:space-between;
    font-size:1rem;
  font-size:1rem;
    position:sticky;
  position:sticky;
    top:0;
  top:0;
    background-color:#D9D9D4;
  background-color:#D9D9D4;
    text-align:center;
  text-align:center;
}
}


.search-mobile {
.search-mobile {
  display:none !important;
  }
.map-mobile {
  display:none;
  }


  display:none !important;
/* use id="mobileonly" in order to remove items that
}  
  should not be visible in mobile view.  
.map-mobile {
  Note: id="nomobile" is defined in
  Mobile.css - use this eliminate mobile items. */
  .mobileonly {
    display:none;
  }


display:none;
}
.searchboxContainer {
.searchboxContainer {
 
  display:flex;  
display:flex;  
  justify-content:center;
justify-content:center;
  align-items: center; /* removed from mobile */
align-items: center; /* removed from mobile */
  font-size:1rem;
font-size:1rem;
  margin-top:10px; /* removed from mobile */
margin-top:10px; /* removed from mobile */
}
}


.tips {
.tips {
 
  text-align:right;  
text-align:right;  
  font-size:1rem;
font-size:1rem;
}
}


.buttonContainer {
.buttonContainer {
 
}
}


/* any element with id ending in '_button' */ [id$="_button"] {
/* any element with id ending in '_button' */
 
[id$="_button"] {
  background-color:#e1ebee96;
    background-color:#e1ebee96;
  position:absolute;
    position:absolute;
  border:1px solid black;
    border:1px solid black;
  text-align:center;
    text-align:center;
  font-size:1rem;
    font-size:1rem;
  padding:5px;
    padding:5px;
  cursor:pointer;
    cursor:pointer;
  border-radius:5px;
    border-radius:5px;
  box-shadow:2px 2px 2px #888888;
    box-shadow:2px 2px 2px #888888;
  color:#004d99;
    color:#004d99;
}
}


[id$="_button"]:hover {
[id$="_button"]:hover {
 
    background-color:white;
  background-color:white;
    color:blue;
  color:blue;
}
}


all_countries_button:hover {
#all_countries_button:hover {
  background-color:white;
    background-color:white;
  color:blue;
    color:blue;
}
}


/* special extra rules for all_countries button */
/* special extra rules for all_countries button */
 
#all_countries_button {
all_countries_button {
    background-color:#0f5ba9;
  background-color:#0f5ba9;
    font-size:1.2rem;
  font-size:1.2rem;
    color:white;
  color:white;
    width:220px;
  width:220px;
}
}


/* button placement */
/* button placement */
#all_countries_button {top:22%; left:40%;}
#africa_button {top:60%; left:49%;}
#asia_button {top:40%; left:73%;}
#europe_button {top:39%; left: 52%;}
#middle_east_button {top:56%; left:57%;}
#north_america_button {top:35%; left:22%;}
#pacific_button {top:73%; left:85%;}/* Australia/Oceania button*/
#south_america_button {top:70%; left:27%;}


all_countries_button {top:22%; left:40%;}
/* Callout is the 'Guided Research' element */
africa_button {top:60%; left:49%;}
.callout {
asia_button {top:40%; left:73%;}
position:absolute;
europe_button {top:39%; left: 52%;}
top:15%;  
middle_east_button {top:56%; left:57%;}
left:80%;
north_america_button {top:35%; left:22%;}
    width:160px;
pacific_button {top:73%; left:85%;}/* Australia/Oceania button*/
    text-align:center;
south_america_button {top:70%; left:27%;}
    font-size:1rem;
/* Callout is the 'Guided Research' element */ .callout { position:absolute; top:15%; left:80%;
    cursor:pointer;
    border-radius:5px;
    box-shadow:5px 5px 2px #888888;
    color:#004d99;
    background-color:white;
    padding:5px;
    border:1px solid gray;
}


  width:160px;
.calloutHeading {
  text-align:center;
color:orange;  
  font-size:1rem;
font-size:1.3rem;  
  cursor:pointer;
font-family:museo;
  border-radius:5px;
  box-shadow:5px 5px 2px #888888;
  color:#004d99;
  background-color:white;
  padding:5px;
  border:1px solid gray;
}
}
.calloutHeading { color:orange; font-size:1.3rem; font-family:museo; }


.guided_research_link {
.guided_research_link {
 
  border:1px solid black;
border:1px solid black;
  text-align:center;
text-align:center;
  font-size:1rem;
font-size:1rem;
  cursor:pointer;
cursor:pointer;
  border-radius:5px;
border-radius:5px;
  box-shadow:2px 2px 2px #888888;
box-shadow:2px 2px 2px #888888;
  color:#004d99;
color:#004d99;
  width:150px
width:150px
}
}


/* ------------------menus -------------------*/
/* ------------------menus -------------------*/
 
#menu {
menu {
    position:absolute;
  position:absolute;
    top:125px;
  top:125px;
    left:0;
  left:0;
    width:210px;
  width:210px;
    height:25vw;
  height:25vw;
    overflow-y:scroll;
  overflow-y:scroll;
    display:block;
  display:block;
    color:#aba8a0;
  color:#aba8a0;
    background-color:white;
  background-color:white;
    border:1px solid black;
  border:1px solid black;
    z-index: 10;
  z-index: 10;
}
}


.exit {
.exit {
 
    color: red;
  color: red;
    cursor: pointer;
  cursor: pointer;
    float: right;
  float: right;
}
}


.exit:hover {
.exit:hover {
    font-weight: bold;
}


  font-weight: bold;
/** This hack is to eliminate shifting due to :hover */
span.exit::before {
    display: block;
    content: "foo";
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
}


/** This hack is to eliminate shifting due to :hover */ span.exit::before {
#menu > ul {
    list-style-type: none;
    padding: 0;
    margin-left: 20px;
}


  display: block;
#menu ul li:hover {
  content: "foo";
    background-color:#ecebea;
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
}


menu > ul {
/* There are two separate classes, but we don't differentiate their styles */
  list-style-type: none;
.countrymenu, .statemenu {
  padding: 0;
padding:3px;
  margin-left: 20px;
top:0;  
background-color:#D9D9D4;  
color:black
}
}


menu ul li:hover {
/* color menu spans to look like a link */
  background-color:#ecebea;
.fakelink {
color:#004d99;
}
}
/* There are two separate classes, but we don't differentiate their styles */ .countrymenu, .statemenu { padding:3px; top:0; background-color:#D9D9D4; color:black }
/* color menu spans to look like a link */ .fakelink { color:#004d99; }


.menulink {
.menulink {
    font-size: 1rem;
    cursor: pointer;
    margin-left:-1.2rem;
}


  font-size: 1rem;
.menulink::before {
  cursor: pointer;
content: "> ";
  margin-left:-1.2rem;
}
}


.menulink::before { content: "> "; }
.menulink:hover {
background-color: #ecebea;
}


.menulink:hover { background-color: #ecebea; }




/*--------------------------main page coding-----------------*/
/*--------------------------main page coding-----------------*/


/* make sure missing pages remain colored correctly after visiting */ a.new:visited, #p-personal a.new:visited {
/* make sure missing pages remain colored correctly after visiting */
 
a.new:visited, #p-personal a.new:visited {
  color: #a55858 !important;
    color: #a55858 !important;
} /* change border on input forms to be 1pm, instead of 2px, and grey instead of black */ form input {
}
 
/* change border on input forms to be 1pm, instead of 2px, and grey instead of black */
  /* border: 1px solid !important;
form input {
  */
  /* border: 1px solid !important;
  border-color: darkgrey !important;
  */
    border-color: darkgrey !important;
}
}
spanish common css
Ccsmith
789

edições

Obtida de "https://integration-ru.familysearch.org/pt/wiki/Especial:MobileDiff/93781"