@media embossed braille handheld projection {
<!-- only show things with the special class "outline" -->
  g        { display: none }
  .outline { display: svg }
  text     {display: svg }
}

@media screen {

.socket {
  fill: url(http://www.w3.org/1999/09/3-network1#sockGradient) #111 ;
  stroke: #1E1A16 ;
  stroke-width: 0.3 }
.hub {
  fill: #007CC5 ;
  stroke: #1E1A16;
  stroke-width: 0.3 }
#hub .outline {
  fill: #75C5F2 ;
  stroke: #1E1A16 ;
  stroke-width: 0.3 }
.light {
  fill: #83C220 ;
  stroke: #1E1A16;
  stroke-width: 0.3 }
.cable { fill: none ;
  stroke: #D11B1B ;
  stroke-width: 11 }

<!-- Some style for the computer -->

#terminal .outline {
  fill: #F7EED2 ;
  stroke: #1E1A16 ;
  stroke-width: 0.3 }
.computer {
  fill: #F7EED2 ;
  stroke: #1E1A16 ;
  stroke-width: 0.3 }
.screen {
  fill: url(http://www.w3.org/1999/09/SVG-access/computer-styled#screen) ;
  stroke: #1E1A16 ;
  stroke-width: 3 }
.disc {
  fill: url(http://www.w3.org/1999/09/SVG-access/computer-styled#disc) ;
  stroke:#1E1A16 ;
  stroke-width: 0.3 }

}