KiCad-Diff/style.css

body
{
  background-color: #002b36;
  margin: 0 auto;
  max-width: 45cm;
  border: 1pt solid #586e75;
  padding: 1em;
}

.gallery
{
  border: 1px solid #ccc;
  background-color: #222;
}

.gallery:hover
{
  border: 1px solid #777;
}

.gallery img
{
  width: 100%;
  height: auto;
}

.desc,.title
{
  padding: 15px;
  text-align: center;
  font: 15px arial,sans-serif;
}

.title
{
  text-align: left;
  font: 25px arial,sans-serif;
  color: #202b34;
}

.details,.subtitle
{
  padding: 5px;
  text-align: left;
  font: 20px arial,sans-serif;
  color: #000;
}

.details
{
  padding: 20px;
  font: 15px arial,sans-serif;
}

.differences
{
  font: 12px courier,monospace;
}

.differences,.td,.th
{
  padding: 5px;
  text-align: left;
  color: #000;
}

.th
{
  font-weight: 700;
  font: 20px arial,sans-serif;
}

.td
{
  font: 15px arial,sans-serif;
}

*
{
  box-sizing: border-box;
}

.responsive
{
  padding: 0 6px;
  float: left;
  width: 19.99999%;
  margin: 6px 0;
}

@media only screen and (max-width:700px)
{
  .responsive
  {
    width: 49.98%;
    margin: 6px 0;
  }
}

@media only screen and (max-width:500px)
{
  .responsive
  {
    width: 100%;
    margin: 6px 0;
  }
}

.responsivefull {
    padding: 0 6px;
    float: left;
    width: 100%;
    margin: 6px 0;
}

.clearfix:after
{
  content: "";
  display: table;
  clear: both;
}

.box
{
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0,0,0,.2);
}

.red
{
  background: #ba312d;
}

.green
{
  background: #5eb6c4;
}

.white
{
  background: #fff;
}

.added
{
  color: #5eb6c4;
}

.removed
{
  color: #ba312d;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary
{
  display: block;
}

audio,canvas,video
{
  display: inline-block;
}

audio:not([controls])
{
  display: none;
  height: 0;
}

[hidden]
{
  display: none;
}

html
{
  -webkit-text-size-adjust: 80%;
  -ms-text-size-adjust: 90%;
  font-family: 'PT Sans',sans-serif;
  background-color: #073642;
  color: #e2e3e3;
  margin: 1em;
}

a:focus
{
  outline: thin dotted;
}

a:active,a:hover
{
  outline: 0;
}

abbr[title]
{
  border-bottom: 1px dotted;
}

b,strong
{
  font-weight: 700;
}

dfn
{
  font-style: italic;
}

mark
{
  background: #ff0;
  color: #000;
}

code,kbd,pre,samp
{
  font-size: 1em;
}

kbd,samp
{
  font-family: monospace,serif;
}

pre
{
  white-space: pre-wrap;
  word-wrap: break-word;
}

q
{
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small
{
  font-size: 80%;
}

sub,sup
{
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup
{
  top: -.5em;
}

sub
{
  bottom: -.25em;
}

img
{
  border: 0;
}

svg:not(:root)
{
  overflow: visible;
}

.F_Cu
{
  filter: invert(28%) sepia(50%) saturate(2065%) hue-rotate(334deg) brightness(73%) contrast(97%);
}

.B_Cu
{
  filter: invert(44%) sepia(14%) saturate(2359%) hue-rotate(70deg) brightness(103%) contrast(82%);
}

.B_Paste
{
  filter: invert(91%) sepia(47%) saturate(4033%) hue-rotate(139deg) brightness(82%) contrast(91%);
}

.F_Paste
{
  filter: invert(57%) sepia(60%) saturate(6%) hue-rotate(314deg) brightness(92%) contrast(99%);
}

.F_SilkS
{
  filter: invert(46%) sepia(44%) saturate(587%) hue-rotate(132deg) brightness(101%) contrast(85%);
}

.B_SilkS
{
  filter: invert(14%) sepia(27%) saturate(2741%) hue-rotate(264deg) brightness(95%) contrast(102%);
}

.B_Mask
{
  filter: invert(22%) sepia(56%) saturate(2652%) hue-rotate(277deg) brightness(94%) contrast(87%);
}

.F_Mask
{
  filter: invert(27%) sepia(51%) saturate(1920%) hue-rotate(269deg) brightness(89%) contrast(96%);
}

.Edge_Cuts
{
  filter: invert(79%) sepia(79%) saturate(401%) hue-rotate(6deg) brightness(88%) contrast(88%);
}

.Margin
{
  filter: invert(74%) sepia(71%) saturate(5700%) hue-rotate(268deg) brightness(89%) contrast(84%);
}

.In1_Cu
{
  filter: invert(69%) sepia(39%) saturate(1246%) hue-rotate(17deg) brightness(97%) contrast(104%);
}

.In2_Cu
{
  filter: invert(14%) sepia(79%) saturate(5231%) hue-rotate(293deg) brightness(91%) contrast(119%);
}

.Dwgs_User
{
  filter: invert(40%) sepia(68%) saturate(7431%) hue-rotate(203deg) brightness(89%) contrast(98%);
}

.Cmts_User
{
  filter: invert(73%) sepia(10%) saturate(1901%) hue-rotate(171deg) brightness(95%) contrast(102%);
}

.Eco1_User
{
  filter: invert(25%) sepia(98%) saturate(2882%) hue-rotate(109deg) brightness(90%) contrast(104%);
}

.Eco2_User
{
  filter: invert(85%) sepia(21%) saturate(5099%) hue-rotate(12deg) brightness(91%) contrast(102%);
}

.B_Fab
{
  filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(253deg) brightness(87%) contrast(90%);
}

.F_Fab
{
  filter: invert(71%) sepia(21%) saturate(4662%) hue-rotate(21deg) brightness(103%) contrast(100%);
}

.B_Adhes
{
  filter: invert(24%) sepia(48%) saturate(2586%) hue-rotate(218deg) brightness(88%) contrast(92%);
}

.F_Adhes
{
  filter: invert(38%) sepia(49%) saturate(1009%) hue-rotate(254deg) brightness(88%) contrast(86%);
}

.B_CrtYd
{
  filter: invert(79%) sepia(92%) saturate(322%) hue-rotate(3deg) brightness(89%) contrast(92%);
}

.F_CrtYd
{
  filter: invert(73%) sepia(1%) saturate(0%) hue-rotate(116deg) brightness(92%) contrast(91%);
}

.section
{
  margin: 0 0 1em;
}

figure
{
  margin: 0;
}

fieldset
{
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend
{
  border: 0;
  padding: 0;
}

button,input,select,textarea
{
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,input
{
  line-height: normal;
}

button,html input[type=button],input[type=reset],input[type=submit]
{
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],input[disabled]
{
  cursor: default;
}

input[type=checkbox],input[type=radio]
{
  box-sizing: border-box;
  padding: 0;
}

input[type=search]
{
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
{
  -webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner
{
  border: 0;
  padding: 0;
}

textarea
{
  overflow: auto;
  vertical-align: top;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

code,pre
{
  font-family: 'Inconsolata',sans-serif;
}

h1,h2,h3,h4,h5,h6
{
  font-family: 'PT Sans Narrow',sans-serif;
  font-weight: 400;
}

code
{
  background-color: #073642;
  padding: 2px;
}

a
{
  color: #b58900;
}

a:hover,a:visited
{
  color: #cb4b16;
}

.tag,h1
{
  color: #d33682;
}

h1
{
  font-size: 2.4em;
}

h2,h3,h4,h5,h6
{
  
  color: #859900;
}

pre
{
  color: #839496;
  border: 1pt solid #586e75;
  padding: 1em;
  box-shadow: 5pt 5pt 8pt #073642;
}

pre,pre code
{
  background-color: #002b36;
}

h2
{
  font-size: 2em;
}

h3
{
  font-size: 1.1em;
}

h4
{
  font-size: 1.0em;
}

h5
{
  font-size: 0.9em;
}

h6
{
  font-size: .8em;
}

.tag
{
  background-color: #073642;
  padding: 0 .2em;
}

.done,.next,.todo
{
  color: #002b36;
  background-color: #dc322f;
  padding: 0 .2em;
}

.tag
{
  -webkit-border-radius: .35em;
  -moz-border-radius: .35em;
  border-radius: .35em;
}

.ACTIVE,.CANCELLED,.DONE,.HOLD,.NEXT,.NOTE,.TODO,.WAITING
{
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  background-color: #2aa198;
}

.ACTIVE,.CANCELLED,.DONE,.HOLD,.NEXT,.NOTE,.WAITING
{
  background-color: #268bd2;
}

.CANCELLED,.DONE,.HOLD,.NOTE,.WAITING
{
  background-color: #859900;
}

.CANCELLED,.HOLD,.NOTE,.WAITING
{
  background-color: #cb4b16;
}

.CANCELLED,.HOLD,.NOTE
{
  background-color: #d33682;
}

.CANCELLED
{
  background-color: #859900;
}