File: css/led-matrix-square-green.css

Recommend this page to a friend!
  Classes of Joseluis Laso   JavaScript LED Text Scroller   css/led-matrix-square-green.css   Download  
File: css/led-matrix-square-green.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: JavaScript LED Text Scroller
Display a matrix of LED lights of a scrolling text
Author: By
Last change: initial commit
Date: 2 years ago
Size: 1,311 bytes
 

Contents

Class file image Download
.led { width: 10px; height: 10px; background: #444; box-shadow: 0 0 0 #444; margin-right: 3px; margin-top: 3px; } .led.active { background: #6cff38; box-shadow: 0 0 16px #6cff38; } .char_matrix { top: 0; padding-left: 3px; float: left; width: 10px; height: 110px; padding-top: 4px; background: rgb(56, 56, 56); /* Old browsers */ background: -moz-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(33, 33, 33, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(56, 56, 56, 1)), color-stop(100%, rgba(33, 33, 33, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(33, 33, 33, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(33, 33, 33, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(56, 56, 56, 1) 0%, rgba(33, 33, 33, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(56, 56, 56, 1) 0%, rgba(33, 33, 33, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383838", endColorstr="#212121", GradientType=0); /* IE6-9 */ } .char_matrix > ul { list-style: none; margin: 0; padding: 0; }