@media embossed, braille, handheld {
  svg      { visibility: hidden }
  .outline, .outline-only { 
             visibility: visible;
             fill: none;
             stroke: black;
             stroke-width: 5
  }
  text     { visibility: visible }
}


@media screen {

/* Some style for the computer */

  #screenGrad .s100 {stop-color:#AAA9A9 }
  #screenGrad .s0 {stop-color:black }
  #discGrad .s100 {stop-color:beige }
  #discGrad .s0 {stop-color:black }

  svg {
    /* Default styles to be inherited */
    fill: white;
    stroke: black;
    stroke-width: 0.3
  }

  .outline-only {visibility:hidden}
  #terminal .outline {
    fill: beige
  }
  .computer {
    fill: beige
  }
  .screen {
    fill: url(http://www.w3.org/1999/09/SVG-access/style-values#screenGrad)
  }
  .disc {
    fill: url(http://www.w3.org/1999/09/SVG-access/style-values#discGrad)
  }
  .light {
    fill:lightgreen
  }

  /* Some style for the other network components */

  .socket {
    fill: url(gradients.svg#sockGradient) #111
  }
  .hub {
    fill: #007CC5
  }
  #hub .outline {
    fill: #75C5F2
  }
  .hublight {
    fill: #83C220
  }
  .cable { 
    fill: red;
    stroke: red;
    stroke-width: 11 
  }
}