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

De LATROMI Manuais
Ir para: navegação, pesquisa
 
(91 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 */
  
 +
#mw-content-text img{
 +
  margin: 10px 0 10px 0;
 +
}
  
 +
div.relaseTopic,
 
span.relaseTopic{
 
span.relaseTopic{
 
   color:white;
 
   color:white;
−
   display: inline-block;
+
   display: block;
 
   min-width: 100px;
 
   min-width: 100px;
−
 
+
  width: 100px;
 
   text-align: center;
 
   text-align: center;
−
    
+
   -webkit-border-radius: 4px;
−
  /* gerado por: http://border-radius.com/ */
+
  -moz-border-radius: 4px;
−
-webkit-border-top-left-radius: 15px;
+
  border-radius: 4px;
−
-webkit-border-bottom-right-radius: 15px;
+
  margin-right:10px;
−
-moz-border-radius-topleft: 15px;
+
  border: 1px solid transparent;
−
-moz-border-radius-bottomright: 15px;
+
  position: absolute;
−
border-top-left-radius: 15px;
+
  top: 1px;
−
border-bottom-right-radius: 15px;
+
   left: 0px;
−
 
+
   cursor: help;
−
   margin-right:10px
 
−
    
 
 
}
 
}
  
−
span.fix{
+
div.relaseTopic.fix,
−
   background:orange;
+
span.relaseTopic.fix{
 +
  color: black;
 +
  border-color: orange;
 +
   background: orange;
 +
  background: -moz-linear-gradient(top,  #fcef00 0%, #ffa500 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcef00), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top,  #fcef00 0%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top,  #fcef00 0%,#ffa500 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top,  #fcef00 0%,#ffa500 100%); /* IE10+ */
 +
  background: linear-gradient(to bottom,  #fcef00 0%,#ffa500 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcef00', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
 
}
 
}
  
−
span.new{
+
div.relaseTopic.new,
−
   background:#33cc33;
+
span.relaseTopic.new{
 +
  border-color: #238e2e;
 +
  background: #33cc33;
 +
  background: -moz-linear-gradient(top,  #33cc33 0%, #238e2e 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33cc33), color-stop(100%,#238e2e)); /* Chrome,Safari4+ */
 +
   background: -webkit-linear-gradient(top,  #33cc33 0%,#238e2e 100%); /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top,  #33cc33 0%,#238e2e 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top,  #33cc33 0%,#238e2e 100%); /* IE10+ */
 +
  background: linear-gradient(to bottom,  #33cc33 0%,#238e2e 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc33', endColorstr='#238e2e',GradientType=0 ); /* IE6-9 */
 
}
 
}
  
−
span.improve{
+
div.relaseTopic.improve,
 +
span.relaseTopic.improve{
 +
  border-color: #0040cc;
 
   background:#0066ff;
 
   background:#0066ff;
 +
  background: -moz-linear-gradient(top,  #0066ff 0%, #0040cc 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#0040cc)); /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top,  #0066ff 0%,#0040cc 100%); /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top,  #0066ff 0%,#0040cc 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top,  #0066ff 0%,#0040cc 100%); /* IE10+ */
 +
  background: linear-gradient(to bottom,  #0066ff 0%,#0040cc 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0040cc',GradientType=0 ); /* IE6-9 */
 +
 
}
 
}
 +
div.relaseTopic.break,
 +
span.relaseTopic.break{
 +
  border-color: #bf0000;
 +
  background:  red;
 +
  background: -moz-linear-gradient(top,  #ff0000 0%, #bf0000 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#bf0000)); /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top,  #ff0000 0%,#bf0000 100%); /* Chrome10+,Safari5.1+ */
 +
  background: -o-linear-gradient(top,  #ff0000 0%,#bf0000 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top,  #ff0000 0%,#bf0000 100%); /* IE10+ */
 +
  background: linear-gradient(to bottom,  #ff0000 0%,#bf0000 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bf0000',GradientType=0 ); /* IE6-9 */
 +
}
 +
div.relaseTopic.change,
 +
span.relaseTopic.change{
  
−
span.break{
+
  border-color: #6600cc;
−
   background:red;
+
  background:  #cc99ff;
 +
  background: -moz-linear-gradient(top,  #a37bf2 0%, #9900ff 100%); /* FF3.6+ */
 +
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a37bf2), color-stop(100%,#9900ff)); /* Chrome,Safari4+ */
 +
  background: -webkit-linear-gradient(top,  #a37bf2 0%,#9900ff 100%); /* Chrome10+,Safari5.1+ */
 +
   background: -o-linear-gradient(top,  #a37bf2 0%, #9900ff 100%); /* Opera 11.10+ */
 +
  background: -ms-linear-gradient(top, #a37bf2 0%, #9900ff 100%); /* IE10+ */
 +
  background: linear-gradient(to bottom, #a37bf2 0%, #9900ff 100%); /* W3C */
 +
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a37bf2', endColorstr='#9900ff',GradientType=0 ); /* IE6-9 */
 
}
 
}
 +
div.releaseNote{
 +
  margin-left: 112px;
 +
  padding-bottom: 2px;
 +
  margin-bottom: 2px;
 +
  border-bottom:1px dotted #ccc;
 +
 
 +
}
 +
ul.releaseTopicList{
 +
  margin: 0px;
 +
  padding: 6px;
 +
  border: 1px solid #ccc;
 +
  background: #f6f6f6;
  
−
 
+
}
 
ul.releaseTopicList li{
 
ul.releaseTopicList li{
−
  list-style-type: none !important;
+
  list-style-type: none !important;
−
  list-style-image: none;
+
  list-style-image: none;
−
  margin-left:-10px;
+
  display: block;
 +
  padding: 2px 0 2px 0;
 +
  position:relative;
 
}
 
}
  
Linha 48: Linha 114:
 
   height: 100%;
 
   height: 100%;
 
}
 
}
−
 
  
 
div.sideBySide div.tleft,
 
div.sideBySide div.tleft,
Linha 54: Linha 119:
 
div.sideBySide table.floatleft{
 
div.sideBySide table.floatleft{
 
   clear: none;
 
   clear: none;
 +
}
 +
 +
table.propertytable > tbody > tr > td:first-child {
 +
  width: 250px !important;
 +
}
 +
 +
/* APIDOCTABLE 1 */
 +
table.apidoctable {
 +
  max-width: 850px;
 +
}
 +
table.apidoctable caption {
 +
  font-size: 1.2rem;
 +
  text-align:left;
 +
}
 +
table.apidoctable > tbody > tr > td:nth-child(1) {
 +
  min-width: 160px !important;
 +
}
 +
table.apidoctable > tbody > tr > td:nth-child(2) {
 +
  min-width: 150px !important;
 +
}
 +
/* APIDOCTABLE 2 */
 +
table.apidoctable2 {
 +
  max-width: 850px;
 +
}
 +
table.apidoctable2 caption {
 +
  font-size: 1.2rem;
 +
  text-align:left;
 +
}
 +
table.apidoctable2 > tbody > tr > td:nth-child(1) {
 +
  min-width: 160px !important;
 +
}
 +
 +
/* FORMAT TABLE */
 +
table.formattable > tbody > tr > td:first-child {
 +
  text-align: center;
 +
  font-weight: bold;
 +
}
 +
table.formattable > tbody > tr > td:nth-child(3),
 +
table.formattable > tbody > tr > td:nth-child(4),
 +
table.formattable > tbody > tr > td:nth-child(5) {
 +
  vertical-align: top;
 +
  white-space: nowrap;
 +
  font-family: "Courier New", Courier, monospace;
 +
}
 +
 +
.codepart              { font-family:monospace;font-size:1.2em;}
 +
.codepart.code-string  { color:magenta;}
 +
.codepart.code-boolean { color:#0000cc;}
 +
 +
.infobox{
 +
border: 1px solid #aaa;
 +
background-color: #f9f9f9;
 +
width: 280px;
 +
float:right;
 +
}
 +
 +
.paragraph img {
 +
  margin:0 !important;
 +
}
 +
 +
.thumb.tnone {
 +
margin-top:15px;
 +
margin-bottom:15px;
 +
}
 +
 +
.map-marker {
 +
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAABGdBTUEAAK/INwWK6QAAAWpJREFUeAGNkQOsHUEUhv9Vbdu2bdt2o9p2G6e23diobdu27ef935mbveaXfMuZOUIADcTV4n7HtWJjhEBzFjKLabJF9txsJWYzLQJQbhQN+LBO5OiCxfmxQTuyZU+Xnxu254RCJd2btsChicgxBYqTrfuQLXqQzbqJonpu3ZeTvJta6wD6ZjQMzCxWDkhJBmwbblzPyUmYIf+ymhaEniL2NciaU6WgTg1ty15sJjWptSpCSrydApAID6HWCLbacPfmn5+49fc3IKkFoRt4IP+u/f4B4aHasMcG4mc+vQOSgKbBjft55rM7SCKT1Fo4jBE5PF8Rla9f7iOlewCUkxHAIpErSlUmW/V2Ld5erqZ78RKE4bia9FsZ2N8mXVgwbToCuCZaCENdkfOLleeWcjXcp3dCFA4VTZeB5TNkJoDbooYoDBLpOBcB6AjmjJjkjoYY0MUX4m8xC2Lkovgg9Gmh+eEYMxvE3QhBKv4AtQQZczNGAAAAAElFTkSuQmCC");
 +
  width:20px;
 +
  height:20px;
 +
  display: inline-block;
 +
  margin-left:4px;
 +
  margin-right:4px;
 +
  background-repeat:no-repeat;
 
}
 
}

Edição atual tal como às 18h49min de 19 de outubro de 2018

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

#mw-content-text img{
   margin: 10px 0 10px 0;
}

div.relaseTopic,
span.relaseTopic{
   color:white;
   display: block;
   min-width: 100px;
   width: 100px;
   text-align: center;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   margin-right:10px;
   border: 1px solid transparent;
   position: absolute;
   top: 1px;
   left: 0px;
   cursor: help;
}

div.relaseTopic.fix,
span.relaseTopic.fix{
   color: black;
   border-color: orange;
   background: orange;
   background: -moz-linear-gradient(top,  #fcef00 0%, #ffa500 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcef00), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #fcef00 0%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #fcef00 0%,#ffa500 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #fcef00 0%,#ffa500 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #fcef00 0%,#ffa500 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcef00', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
}

div.relaseTopic.new,
span.relaseTopic.new{
   border-color: #238e2e;
   background: #33cc33;
   background: -moz-linear-gradient(top,  #33cc33 0%, #238e2e 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33cc33), color-stop(100%,#238e2e)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #33cc33 0%,#238e2e 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #33cc33 0%,#238e2e 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #33cc33 0%,#238e2e 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #33cc33 0%,#238e2e 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc33', endColorstr='#238e2e',GradientType=0 ); /* IE6-9 */
}

div.relaseTopic.improve,
span.relaseTopic.improve{
   border-color: #0040cc;
   background:#0066ff;
   background: -moz-linear-gradient(top,  #0066ff 0%, #0040cc 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0066ff), color-stop(100%,#0040cc)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #0066ff 0%,#0040cc 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #0066ff 0%,#0040cc 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #0066ff 0%,#0040cc 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #0066ff 0%,#0040cc 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0066ff', endColorstr='#0040cc',GradientType=0 ); /* IE6-9 */

}
div.relaseTopic.break,
span.relaseTopic.break{
   border-color: #bf0000;
   background:  red;
   background: -moz-linear-gradient(top,  #ff0000 0%, #bf0000 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#bf0000)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #ff0000 0%,#bf0000 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #ff0000 0%,#bf0000 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #ff0000 0%,#bf0000 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #ff0000 0%,#bf0000 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#bf0000',GradientType=0 ); /* IE6-9 */
}
div.relaseTopic.change,
span.relaseTopic.change{

   border-color: #6600cc;
   background:  #cc99ff;
   background: -moz-linear-gradient(top,  #a37bf2 0%, #9900ff 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a37bf2), color-stop(100%,#9900ff)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #a37bf2 0%,#9900ff 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #a37bf2 0%, #9900ff 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #a37bf2 0%, #9900ff 100%); /* IE10+ */
   background: linear-gradient(to bottom, #a37bf2 0%, #9900ff 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a37bf2', endColorstr='#9900ff',GradientType=0 ); /* IE6-9 */
}
div.releaseNote{
   margin-left: 112px;
   padding-bottom: 2px;
   margin-bottom: 2px;
   border-bottom:1px dotted #ccc;
   
}
ul.releaseTopicList{
   margin: 0px;
   padding: 6px;
   border: 1px solid #ccc;
   background: #f6f6f6;

}
ul.releaseTopicList li{
   list-style-type: none !important;
   list-style-image: none;
   display: block;
   padding: 2px 0 2px 0;
   position:relative;
}

div.sideBySide{
  overflow: hidden;
  height: 100%;
}

div.sideBySide div.tleft,
div.sideBySide div.floatleft, 
div.sideBySide table.floatleft{
  clear: none;
}

table.propertytable > tbody > tr > td:first-child {
  width: 250px !important;
}

/* APIDOCTABLE 1 */
table.apidoctable {
  max-width: 850px;
}
table.apidoctable caption {
  font-size: 1.2rem;
  text-align:left;
}
table.apidoctable > tbody > tr > td:nth-child(1) {
  min-width: 160px !important;
}
table.apidoctable > tbody > tr > td:nth-child(2) {
  min-width: 150px !important;
}
/* APIDOCTABLE 2 */
table.apidoctable2 {
  max-width: 850px;
}
table.apidoctable2 caption {
  font-size: 1.2rem;
  text-align:left;
}
table.apidoctable2 > tbody > tr > td:nth-child(1) {
  min-width: 160px !important;
}

/* FORMAT TABLE */
table.formattable > tbody > tr > td:first-child { 
   text-align: center;
   font-weight: bold;
}
table.formattable > tbody > tr > td:nth-child(3),
table.formattable > tbody > tr > td:nth-child(4),
table.formattable > tbody > tr > td:nth-child(5) {
   vertical-align: top;
   white-space: nowrap;
   font-family: "Courier New", Courier, monospace;
}

.codepart              { font-family:monospace;font-size:1.2em;}
.codepart.code-string  { color:magenta;}
.codepart.code-boolean { color:#0000cc;}

.infobox{
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 280px;
float:right;
}

.paragraph img {
  margin:0 !important;
}

.thumb.tnone {
margin-top:15px;
margin-bottom:15px;
}

.map-marker {
   background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAABGdBTUEAAK/INwWK6QAAAWpJREFUeAGNkQOsHUEUhv9Vbdu2bdt2o9p2G6e23diobdu27ef935mbveaXfMuZOUIADcTV4n7HtWJjhEBzFjKLabJF9txsJWYzLQJQbhQN+LBO5OiCxfmxQTuyZU+Xnxu254RCJd2btsChicgxBYqTrfuQLXqQzbqJonpu3ZeTvJta6wD6ZjQMzCxWDkhJBmwbblzPyUmYIf+ymhaEniL2NciaU6WgTg1ty15sJjWptSpCSrydApAID6HWCLbacPfmn5+49fc3IKkFoRt4IP+u/f4B4aHasMcG4mc+vQOSgKbBjft55rM7SCKT1Fo4jBE5PF8Rla9f7iOlewCUkxHAIpErSlUmW/V2Ld5erqZ78RKE4bia9FsZ2N8mXVgwbToCuCZaCENdkfOLleeWcjXcp3dCFA4VTZeB5TNkJoDbooYoDBLpOBcB6AjmjJjkjoYY0MUX4m8xC2Lkovgg9Gmh+eEYMxvE3QhBKv4AtQQZczNGAAAAAElFTkSuQmCC");
   width:20px;
   height:20px;
   display: inline-block;
   margin-left:4px;
   margin-right:4px;
   background-repeat:no-repeat;
}
Disponível em "http://docs.latromi.com.br/index.php?title=MediaWiki:Common.css&oldid=2199"