Mudanças entre as edições de "MediaWiki: Common.css"

De WikiAjuda
Ir para: navegação, pesquisa
 
(40 revisões intermediárias por 2 usuários não estão sendo mostradas)
Linha 1: Linha 1:
 
/** o código CSS colocado aqui será aplicado a todos os temas */
 
/** o código CSS colocado aqui será aplicado a todos os temas */
  
/* Images */
+
body {
.image img {
+
     counter-reset : h2;
     width: 100%;
 
    height:auto;
 
 
}
 
}
.image {
+
 
     padding: 1em;
+
h2 {
    background: #f0f0f0;
+
     counter-reset : h3;
 
}
 
}
.image p {
+
 
     margin-top:.8em;
+
.newsection h2:before {
     padding-left:1em;
+
     content : counter(h2,decimal) ". ";
 +
     counter-increment : h2;
 
}
 
}
  
/* Sections */
+
.newsection h2.nocounter:before {
.mw-collapsible-toggle {
+
     content : "";
     margin-top: -2.5em
+
    counter-increment : none;
 
}
 
}
div.newsection.jumbotron h2 {
+
/**
  font-size: 64px !important;
+
.newsection h3:before {
 +
    content : counter(h2,decimal) "." counter(h3,decimal) ". ";
 +
    counter-increment : h3;
 
}
 
}
div.newsection.jumbotron div {
+
*/
  font-size: 24px !important;
+
 
 +
.h2, h2 {
 +
    font-size: 40px;
 +
    line-height: auto !important;
 +
    margin-top:20px;
 
}
 
}
div.newsection.alert h2 {
+
 
background: none !important;
+
.form-control.select2-container .select2-choices {
 +
    border: 1px solid #aaa !important;
 
}
 
}
  
/* Forms */
+
.img-mobile.center-block {
#pfForm .select2-container-multi .select2-choices {
+
     max-width: 380px;
     min-height: 60px;
+
    height: auto;
 
}
 
}
#pfForm select,
+
 
#pfForm input[type="checkbox"] {
+
.newsection img {
    width:100% !important;  
+
    visibility: hidden;
 
}
 
}
.input-group {
+
 
     padding: .5em 0;
+
.steps-item {
 +
     display: flex;
 +
    align-items: flex-start;
 +
    margin-bottom: 1em;
 +
    background: #dedede;
 +
    border-top-left-radius: 10px;
 +
    border-bottom-left-radius: 10px;
 
}
 
}
.input-group .form-control {
+
 
     margin-left: -4px !important;
+
.steps-item > div {
 +
     flex: 0 min-content;
 +
    padding: .5em 1em;
 
}
 
}
.input-group-addon {
+
 
     min-width:110px;
+
.steps-item-number {
 +
     color: #444;
 +
    font-weight: bold;
 +
    font-size: 100%;
 
}
 
}
label.radioButtonItem {
+
 
    padding: 0 16px !important;
+
.steps-item-text {
    border: 0;
+
     flex-grow: 1 !important;
    box-shadow: none;
+
     border-top: 1px solid #dedede;
    width: 100%;
+
     background: #fff;
    margin-top: -5px;
 
    background: transparent;
 
}
 
.wikiEditor-ui {
 
    background-color: #eee;
 
    border: 1px solid #bdbdbd;
 
    margin-left: -4px;
 
    border-top-right-radius: 4px;
 
    border-bottom-right-radius: 4px;
 
    padding-left: 4px;
 
    border-left: none;
 
}
 
.wikiEditor-ui .wikiEditor-ui-view {
 
     border: none;
 
}
 
.wikiEditor-ui-toolbar {
 
    background-image: none;
 
}
 
.wikiEditor-ui .wikiEditor-ui-top {
 
    border-bottom: none;
 
}
 
.form-control {
 
    border-top-left-radius: 0 !important;
 
    border-bottom-left-radius: 0 !important;
 
    border-top-right-radius: 4px !important;
 
    border-bottom-right-radius: 4px !important;
 
    z-index: 1 !important;
 
}
 
.form-control-description {
 
  padding-top: .6em;
 
}
 
.shift {
 
    margin-left: -4px !important;
 
     border-top-left-radius: 0 !important;
 
    border-bottom-left-radius: 0 !important;
 
}
 
.gp-datepicker {
 
    padding:6px 10px !important;
 
    margin-left:-4px  !important;
 
    background-image:none  !important;
 
    border:1px solid #bdbdbd  !important;
 
    border-top-right-radius:4px  !important;
 
    border-bottom-right-radius:4px  !important;
 
}
 
.gp-datepicker:hover {
 
    background-image:none  !important;
 
     background: #eee  !important;
 
}
 
label.checkboxLabel.gp-checkbox {
 
    white-space: nowrap;
 
    padding: 2px 6px 0 4px;
 
 
}
 
}
#pfForm input[type="checkbox"] {
+
.client-js .editButtons .editHelp {
     width: auto !important;
+
     display: inline-block !important;
    margin: -5px auto;
 
 
}
 
}
.checkboxLabel {
+
.page-Página_principal .sidebar-wrapper,
     width:100%;
+
.page-Página_principal .comments-body,
 +
.page-Página_principal .nomain, .gobottom {
 +
     display: none;
 
}
 
}
.multipleTemplateInstance {
+
.jumbotron p {
     background-color: #fcfcfc;
+
     font-weight: 300;
 
}
 
}

Edição atual tal como às 14h39min de 10 de abril de 2021

/** o código CSS colocado aqui será aplicado a todos os temas */

body {
    counter-reset : h2;
}

h2 {
    counter-reset : h3;
}

.newsection h2:before {
    content : counter(h2,decimal) ". ";
    counter-increment : h2;
}

.newsection h2.nocounter:before {
    content : "";
    counter-increment : none;
}
/**
.newsection h3:before {
    content : counter(h2,decimal) "." counter(h3,decimal) ". ";
    counter-increment : h3;
}
*/

.h2, h2 {
    font-size: 40px;
    line-height: auto !important;
    margin-top:20px;
}

.form-control.select2-container .select2-choices {
    border: 1px solid #aaa !important;
}

.img-mobile.center-block {
    max-width: 380px;
    height: auto;
}

.newsection img {
    visibility: hidden;
}

.steps-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1em;
    background: #dedede;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.steps-item > div {
    flex: 0 min-content;
    padding: .5em 1em;
}

.steps-item-number {
    color: #444;
    font-weight: bold;
    font-size: 100%;
}

.steps-item-text {
    flex-grow: 1 !important;
    border-top: 1px solid #dedede;
    background: #fff;
}
.client-js .editButtons .editHelp {
    display: inline-block !important;
}
.page-Página_principal .sidebar-wrapper,
.page-Página_principal .comments-body,
.page-Página_principal .nomain, .gobottom {
    display: none;
}
.jumbotron p {
    font-weight: 300;
}