Mudanças entre as edições de "MediaWiki:Common.css"
(107 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; | |
− | display: | + | display: block; |
min-width: 100px; | min-width: 100px; | ||
− | + | width: 100px; | |
text-align: center; | 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 */ | |
− | background:# | + | 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 17h49min 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; }