diff --git a/css/plates.css b/css/plates.css index 1ce7791..61d4208 100644 --- a/css/plates.css +++ b/css/plates.css @@ -14,6 +14,40 @@ font-family: 'License-Plate'; } +.CT { + background: linear-gradient(#0099ff, white); + border-color: #003399; + color: #003399; + box-shadow: 0px 0px 0px 3px white; +} +.CT:before { + content: "Connecticut"; + font-family: Serif; + font-size: 12px; + font-weight: 800; + position: relative; + display: block; + margin-bottom: -10px; + padding-top: 2px; + top: -8px; + color: #003399; + height: 13px; + width: 100%; +} +.CT:after { + content: "Constitution State"; + font-family: Serif; + font-size: 8px; + font-weight: 800; + position: relative; + display: block; + margin-top: -10px; + margin-bottom: 0px; + color: #003399; + margin-bottom: -5px; + width: 100%; +} + .NONE, .UNKNOWN { border: 3px dashed gray; background: transparent; @@ -185,6 +219,48 @@ margin-bottom: -6px; } +.RI { + border: 1px solid #eeeeee; + box-shadow: 0px 0px 0px 3px #fafafa; + color: #074ab7; + background: radial-gradient(#97afc9 0%, #97afc9 80%, transparent 80%, transparent 100%), + linear-gradient(270deg, #fafafa 0%, #fafafa 30%, transparent 30%, transparent 100%), + radial-gradient(#fafafa 0%, #fafafa 37%, transparent 36%, transparent 100%), + radial-gradient(#97afc9 0%, #97afc9 70%, transparent 60%, transparent 100%); + background-position: 70 34, 0 0, 37 3, -10 13; + background-size: 300% 200%, 100% 100%, 70% 100%, 100% 140%; + background-repeat: no-repeat; + background-color: #fafafa; + overflow: hidden; +} +.RI:before{ + content: "Rhode Island"; + color: #074ab7; + font-family: "Times New Roman"; + font-size: 12px; + font-weight: 400; + position: relative; + display: block; + background-image:url("data:image/svg+xml;utf8,\2693"); + background-repeat: no-repeat; + height: 20px; + margin-top: -8px; + margin-bottom: -8px; +} +.RI:after{ + content: "Ocean State"; + color: #074ab7; + font-family: "Times New Roman"; + font-size: 12px; + font-weight: 400; + position: relative; + display: block; + background: transparent; + margin-top: -10px; + margin-bottom: -4px; +} + + .VT { background: repeating-linear-gradient( 180deg, @@ -217,40 +293,6 @@ color: #004d00; } -.CT { - background: linear-gradient(#0099ff, white); - border-color: #003399; - color: #003399; - box-shadow: 0px 0px 0px 3px white; -} -.CT:before { - content: "Connecticut"; - font-family: Serif; - font-size: 12px; - font-weight: 800; - position: relative; - display: block; - margin-bottom: -10px; - padding-top: 2px; - top: -8px; - color: #003399; - height: 13px; - width: 100%; -} -.CT:after { - content: "Constitution State"; - font-family: Serif; - font-size: 8px; - font-weight: 800; - position: relative; - display: block; - margin-top: -10px; - margin-bottom: 0px; - color: #003399; - margin-bottom: -5px; - width: 100%; -} - .ME { background-color: white; background: linear-gradient(-60deg, #70a074 8px, transparent 0), linear-gradient(60deg, #70a074 8px, transparent 0); @@ -308,33 +350,38 @@ box-shadow: 0px 0px 0px 2px #000099; } -.WV { - background: repeating-linear-gradient( - 180deg, - #000099, - #000099 8px, - #ffffff 8px, - #ffffff 10px, - #ffcc00 10px, - #ffcc00 12px, - #ffffff 12px, - #ffffff 50px, - #000099 50px, - #000099 52px, - #ffffff 52px, - #ffffff 54px, - #ffcc00 54px, - #ffcc00 56px, - #ffffff 56px, - #ffffff 58px, - #000099 58px, - #000099 60px, - #ffffff 60px, - #ffffff 60px - ); - border: 1px solid gray; - box-shadow: 0px 0px 0px 3px white; - color: #000099; +.GA { + background-color: white; + color: black; + border: 1px solid #cccccc; + box-shadow: 0px 0px 0px 2px white; + background: radial-gradient(circle, white 0%, white 10%, #ffb26d 20%, #ffb26d 24%, white 12%, white 100%); + +} +.GA:before{ + content: "GEORGIA"; + font-family: Georgia; + font-size: 15px; + font-weight: 400; + position: relative; + display: block; + margin-top: -8px; + margin-bottom: -4px; + background: linear-gradient(90deg, green 0%, transparent 100%), linear-gradient(to top, green 0%, transparent 100%); + background-position: 75px 15px, 70px 5px; + background-size: 10%, 5% 50%; + background-repeat: no-repeat, no-repeat; +} +.GA:after{ + content: "...on my mind"; + font-family: Arial; + font-size: 9px; + font-style: italic; + font-weight: 400; + position: relative; + display: block; + margin-top: -10px; + margin-bottom: -4px; } .IA { @@ -422,6 +469,37 @@ width: 120px; } +.TX { + color: black; + background-image:url("data:image/svg+xml;utf8,\272F"); + background-repeat: no-repeat; + background-position: 5px -3px; + background-color: white; + border: 1px solid #cccccc; + box-shadow: 0px 0px 0px 2px white; + +} +.TX:before{ + content: "TEXAS"; + font-family: Arial; + font-size: 15px; + font-weight: 800; + position: relative; + display: block; + margin-top: -8px; + margin-bottom: -4px; +} +.TX:after{ + content: "The Lone Star State"; + font-family: Arial; + font-size: 8px; + font-weight: 800; + position: relative; + display: block; + margin-top: -10px; + margin-bottom: -4px; +} + .VA{ background: white; border: 1px solid #eeeeee; @@ -489,4 +567,33 @@ margin-bottom: -5px; padding-top: 40px; padding-bottom: 2px; +} + +.WV { + background: repeating-linear-gradient( + 180deg, + #000099, + #000099 8px, + #ffffff 8px, + #ffffff 10px, + #ffcc00 10px, + #ffcc00 12px, + #ffffff 12px, + #ffffff 50px, + #000099 50px, + #000099 52px, + #ffffff 52px, + #ffffff 54px, + #ffcc00 54px, + #ffcc00 56px, + #ffffff 56px, + #ffffff 58px, + #000099 58px, + #000099 60px, + #ffffff 60px, + #ffffff 60px + ); + border: 1px solid gray; + box-shadow: 0px 0px 0px 3px white; + color: #000099; } \ No newline at end of file