Archives
/
asciinema.org
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved cursor behavior

Browse Source
openid
Marcin Kulik 13 years ago
parent 9c5201905c
commit 6ecb2e7fdc
2 changed files with 588 additions and 582 deletions
Show Stats Download Patch File Download Diff File

11
app/assets/javascripts/player/terminal_view.js.coffee
Unescape Escape View File

@ -81,10 +81,14 @@ class AsciiIo.TerminalView extends Backbone.View
blinkCursor: -> blinkCursor: ->
cursor = @$el.find(".cursor") cursor = @$el.find(".cursor")
if cursor.hasClass("inverted") if cursor.hasClass("visible")
cursor.removeClass "inverted" cursor.removeClass "visible"
else else
cursor.addClass "inverted" cursor.addClass "visible"
resetCursorState: ->
cursor = @$el.find(".cursor")
cursor.addClass "visible"
startCursorBlink: -> startCursorBlink: ->
@cursorTimerId = setInterval(@blinkCursor.bind(this), 500) @cursorTimerId = setInterval(@blinkCursor.bind(this), 500)
@ -96,6 +100,7 @@ class AsciiIo.TerminalView extends Backbone.View
restartCursorBlink: -> restartCursorBlink: ->
@stopCursorBlink() @stopCursorBlink()
@resetCursorState()
@startCursorBlink() @startCursorBlink()
visualBell: -> visualBell: ->

687
app/assets/stylesheets/asciicasts.css.scss
Unescape Escape View File

@ -4,10 +4,9 @@
.asciicast { .asciicast {
width: 100%; width: 100%;
background-color: #222 background-color: #222;
}
.player { .player {
/* border: 1px solid #777;*/ /* border: 1px solid #777;*/
/* background-color: #333;*/ /* background-color: #333;*/
float: left; float: left;
@ -15,9 +14,8 @@
padding: 0px; padding: 0px;
margin: 0px 0px 30px 20px; margin: 0px 0px 30px 20px;
position: relative; position: relative;
}
.terminal { .terminal {
padding: 2px; padding: 2px;
margin: 0px; margin: 0px;
display: block; display: block;
@ -28,24 +26,24 @@
color: #ccc; color: #ccc;
overflow: auto; overflow: auto;
overflow-x: hidden; overflow-x: hidden;
}
.terminal .line { .line {
font-size: 12px; font-size: 12px;
/* background-color: black;*/ /* background-color: black;*/
/* padding: 0;*/ /* padding: 0;*/
/* margin: 0;*/ /* margin: 0;*/
} }
.cursor-on .line span.cursor, .cursor-on .line .cursor > span { &.cursor-on {
.line {
.cursor.visible {
background-color: #D3D7CF; background-color: #D3D7CF;
} }
}
}
}
.cursor-on .line span.cursor.inverted, .cursor-on .line .cursor.inverted > span { .hud {
background-color: inherit;
}
.hud {
background-color: #333; background-color: #333;
opacity: 0.85; opacity: 0.85;
position: absolute; position: absolute;
@ -55,18 +53,20 @@
display: none; display: none;
height: 30px; height: 30px;
color: white; color: white;
} }
.player:hover .hud { .player:hover .hud {
display: block; display: block;
} }
.bright { font-weight: bold } }
.underline { text-decoration: underline }
/* Foregrounds: */ .bright { font-weight: bold }
.underline { text-decoration: underline }
/* ansi colors */ /* Foregrounds: */
/* ansi colors */
.fg0 { color: #000000 } .fg0 { color: #000000 }
.fg1 { color: #CC0000 } .fg1 { color: #CC0000 }
@ -85,7 +85,7 @@
.fg14 { color: #34E2E2; font-weight: bold } .fg14 { color: #34E2E2; font-weight: bold }
.fg15 { color: #EEEEEC; font-weight: bold } .fg15 { color: #EEEEEC; font-weight: bold }
/* 216 rgb colors */ /* 216 rgb colors */
.fg16 { color: #000000 } .fg16 { color: #000000 }
.fg17 { color: #00005f } .fg17 { color: #00005f }
@ -171,169 +171,169 @@
.fg97 { color: #875faf } .fg97 { color: #875faf }
.fg98 { color: #875fd7 } .fg98 { color: #875fd7 }
.fg99 { color: #875fff } .fg99 { color: #875fff }
.fg100 { color: #878700 } .fg100 { color: #878700 }
.fg101 { color: #87875f } .fg101 { color: #87875f }
.fg102 { color: #878787 } .fg102 { color: #878787 }
.fg103 { color: #8787af } .fg103 { color: #8787af }
.fg104 { color: #8787d7 } .fg104 { color: #8787d7 }
.fg105 { color: #8787ff } .fg105 { color: #8787ff }
.fg106 { color: #87af00 } .fg106 { color: #87af00 }
.fg107 { color: #87af5f } .fg107 { color: #87af5f }
.fg108 { color: #87af87 } .fg108 { color: #87af87 }
.fg109 { color: #87afaf } .fg109 { color: #87afaf }
.fg110 { color: #87afd7 } .fg110 { color: #87afd7 }
.fg111 { color: #87afff } .fg111 { color: #87afff }
.fg112 { color: #87d700 } .fg112 { color: #87d700 }
.fg113 { color: #87d75f } .fg113 { color: #87d75f }
.fg114 { color: #87d787 } .fg114 { color: #87d787 }
.fg115 { color: #87d7af } .fg115 { color: #87d7af }
.fg116 { color: #87d7d7 } .fg116 { color: #87d7d7 }
.fg117 { color: #87d7ff } .fg117 { color: #87d7ff }
.fg118 { color: #87ff00 } .fg118 { color: #87ff00 }
.fg119 { color: #87ff5f } .fg119 { color: #87ff5f }
.fg120 { color: #87ff87 } .fg120 { color: #87ff87 }
.fg121 { color: #87ffaf } .fg121 { color: #87ffaf }
.fg122 { color: #87ffd7 } .fg122 { color: #87ffd7 }
.fg123 { color: #87ffff } .fg123 { color: #87ffff }
.fg124 { color: #af0000 } .fg124 { color: #af0000 }
.fg125 { color: #af005f } .fg125 { color: #af005f }
.fg126 { color: #af0087 } .fg126 { color: #af0087 }
.fg127 { color: #af00af } .fg127 { color: #af00af }
.fg128 { color: #af00d7 } .fg128 { color: #af00d7 }
.fg129 { color: #af00ff } .fg129 { color: #af00ff }
.fg130 { color: #af5f00 } .fg130 { color: #af5f00 }
.fg131 { color: #af5f5f } .fg131 { color: #af5f5f }
.fg132 { color: #af5f87 } .fg132 { color: #af5f87 }
.fg133 { color: #af5faf } .fg133 { color: #af5faf }
.fg134 { color: #af5fd7 } .fg134 { color: #af5fd7 }
.fg135 { color: #af5fff } .fg135 { color: #af5fff }
.fg136 { color: #af8700 } .fg136 { color: #af8700 }
.fg137 { color: #af875f } .fg137 { color: #af875f }
.fg138 { color: #af8787 } .fg138 { color: #af8787 }
.fg139 { color: #af87af } .fg139 { color: #af87af }
.fg140 { color: #af87d7 } .fg140 { color: #af87d7 }
.fg141 { color: #af87ff } .fg141 { color: #af87ff }
.fg142 { color: #afaf00 } .fg142 { color: #afaf00 }
.fg143 { color: #afaf5f } .fg143 { color: #afaf5f }
.fg144 { color: #afaf87 } .fg144 { color: #afaf87 }
.fg145 { color: #afafaf } .fg145 { color: #afafaf }
.fg146 { color: #afafd7 } .fg146 { color: #afafd7 }
.fg147 { color: #afafff } .fg147 { color: #afafff }
.fg148 { color: #afd700 } .fg148 { color: #afd700 }
.fg149 { color: #afd75f } .fg149 { color: #afd75f }
.fg150 { color: #afd787 } .fg150 { color: #afd787 }
.fg151 { color: #afd7af } .fg151 { color: #afd7af }
.fg152 { color: #afd7d7 } .fg152 { color: #afd7d7 }
.fg153 { color: #afd7ff } .fg153 { color: #afd7ff }
.fg154 { color: #afff00 } .fg154 { color: #afff00 }
.fg155 { color: #afff5f } .fg155 { color: #afff5f }
.fg156 { color: #afff87 } .fg156 { color: #afff87 }
.fg157 { color: #afffaf } .fg157 { color: #afffaf }
.fg158 { color: #afffd7 } .fg158 { color: #afffd7 }
.fg159 { color: #afffff } .fg159 { color: #afffff }
.fg160 { color: #d70000 } .fg160 { color: #d70000 }
.fg161 { color: #d7005f } .fg161 { color: #d7005f }
.fg162 { color: #d70087 } .fg162 { color: #d70087 }
.fg163 { color: #d700af } .fg163 { color: #d700af }
.fg164 { color: #d700d7 } .fg164 { color: #d700d7 }
.fg165 { color: #d700ff } .fg165 { color: #d700ff }
.fg166 { color: #d75f00 } .fg166 { color: #d75f00 }
.fg167 { color: #d75f5f } .fg167 { color: #d75f5f }
.fg168 { color: #d75f87 } .fg168 { color: #d75f87 }
.fg169 { color: #d75faf } .fg169 { color: #d75faf }
.fg170 { color: #d75fd7 } .fg170 { color: #d75fd7 }
.fg171 { color: #d75fff } .fg171 { color: #d75fff }
.fg172 { color: #d78700 } .fg172 { color: #d78700 }
.fg173 { color: #d7875f } .fg173 { color: #d7875f }
.fg174 { color: #d78787 } .fg174 { color: #d78787 }
.fg175 { color: #d787af } .fg175 { color: #d787af }
.fg176 { color: #d787d7 } .fg176 { color: #d787d7 }
.fg177 { color: #d787ff } .fg177 { color: #d787ff }
.fg178 { color: #d7af00 } .fg178 { color: #d7af00 }
.fg179 { color: #d7af5f } .fg179 { color: #d7af5f }
.fg180 { color: #d7af87 } .fg180 { color: #d7af87 }
.fg181 { color: #d7afaf } .fg181 { color: #d7afaf }
.fg182 { color: #d7afd7 } .fg182 { color: #d7afd7 }
.fg183 { color: #d7afff } .fg183 { color: #d7afff }
.fg184 { color: #d7d700 } .fg184 { color: #d7d700 }
.fg185 { color: #d7d75f } .fg185 { color: #d7d75f }
.fg186 { color: #d7d787 } .fg186 { color: #d7d787 }
.fg187 { color: #d7d7af } .fg187 { color: #d7d7af }
.fg188 { color: #d7d7d7 } .fg188 { color: #d7d7d7 }
.fg189 { color: #d7d7ff } .fg189 { color: #d7d7ff }
.fg190 { color: #d7ff00 } .fg190 { color: #d7ff00 }
.fg191 { color: #d7ff5f } .fg191 { color: #d7ff5f }
.fg192 { color: #d7ff87 } .fg192 { color: #d7ff87 }
.fg193 { color: #d7ffaf } .fg193 { color: #d7ffaf }
.fg194 { color: #d7ffd7 } .fg194 { color: #d7ffd7 }
.fg195 { color: #d7ffff } .fg195 { color: #d7ffff }
.fg196 { color: #ff0000 } .fg196 { color: #ff0000 }
.fg197 { color: #ff005f } .fg197 { color: #ff005f }
.fg198 { color: #ff0087 } .fg198 { color: #ff0087 }
.fg199 { color: #ff00af } .fg199 { color: #ff00af }
.fg200 { color: #ff00d7 } .fg200 { color: #ff00d7 }
.fg201 { color: #ff00ff } .fg201 { color: #ff00ff }
.fg202 { color: #ff5f00 } .fg202 { color: #ff5f00 }
.fg203 { color: #ff5f5f } .fg203 { color: #ff5f5f }
.fg204 { color: #ff5f87 } .fg204 { color: #ff5f87 }
.fg205 { color: #ff5faf } .fg205 { color: #ff5faf }
.fg206 { color: #ff5fd7 } .fg206 { color: #ff5fd7 }
.fg207 { color: #ff5fff } .fg207 { color: #ff5fff }
.fg208 { color: #ff8700 } .fg208 { color: #ff8700 }
.fg209 { color: #ff875f } .fg209 { color: #ff875f }
.fg210 { color: #ff8787 } .fg210 { color: #ff8787 }
.fg211 { color: #ff87af } .fg211 { color: #ff87af }
.fg212 { color: #ff87d7 } .fg212 { color: #ff87d7 }
.fg213 { color: #ff87ff } .fg213 { color: #ff87ff }
.fg214 { color: #ffaf00 } .fg214 { color: #ffaf00 }
.fg215 { color: #ffaf5f } .fg215 { color: #ffaf5f }
.fg216 { color: #ffaf87 } .fg216 { color: #ffaf87 }
.fg217 { color: #ffafaf } .fg217 { color: #ffafaf }
.fg218 { color: #ffafd7 } .fg218 { color: #ffafd7 }
.fg219 { color: #ffafff } .fg219 { color: #ffafff }
.fg220 { color: #ffd700 } .fg220 { color: #ffd700 }
.fg221 { color: #ffd75f } .fg221 { color: #ffd75f }
.fg222 { color: #ffd787 } .fg222 { color: #ffd787 }
.fg223 { color: #ffd7af } .fg223 { color: #ffd7af }
.fg224 { color: #ffd7d7 } .fg224 { color: #ffd7d7 }
.fg225 { color: #ffd7ff } .fg225 { color: #ffd7ff }
.fg226 { color: #ffff00 } .fg226 { color: #ffff00 }
.fg227 { color: #ffff5f } .fg227 { color: #ffff5f }
.fg228 { color: #ffff87 } .fg228 { color: #ffff87 }
.fg229 { color: #ffffaf } .fg229 { color: #ffffaf }
.fg230 { color: #ffffd7 } .fg230 { color: #ffffd7 }
.fg231 { color: #ffffff } .fg231 { color: #ffffff }
/* 24 shades of grey */ /* 24 shades of grey */
.fg232 { color: #080808 } .fg232 { color: #080808 }
.fg233 { color: #121212 } .fg233 { color: #121212 }
.fg234 { color: #1c1c1c } .fg234 { color: #1c1c1c }
.fg235 { color: #262626 } .fg235 { color: #262626 }
.fg236 { color: #303030 } .fg236 { color: #303030 }
.fg237 { color: #3a3a3a } .fg237 { color: #3a3a3a }
.fg238 { color: #444444 } .fg238 { color: #444444 }
.fg239 { color: #4e4e4e } .fg239 { color: #4e4e4e }
.fg240 { color: #585858 } .fg240 { color: #585858 }
.fg241 { color: #626262 } .fg241 { color: #626262 }
.fg242 { color: #6c6c6c } .fg242 { color: #6c6c6c }
.fg243 { color: #767676 } .fg243 { color: #767676 }
.fg244 { color: #808080 } .fg244 { color: #808080 }
.fg245 { color: #8a8a8a } .fg245 { color: #8a8a8a }
.fg246 { color: #949494 } .fg246 { color: #949494 }
.fg247 { color: #9e9e9e } .fg247 { color: #9e9e9e }
.fg248 { color: #a8a8a8 } .fg248 { color: #a8a8a8 }
.fg249 { color: #b2b2b2 } .fg249 { color: #b2b2b2 }
.fg250 { color: #bcbcbc } .fg250 { color: #bcbcbc }
.fg251 { color: #c6c6c6 } .fg251 { color: #c6c6c6 }
.fg252 { color: #d0d0d0 } .fg252 { color: #d0d0d0 }
.fg253 { color: #dadada } .fg253 { color: #dadada }
.fg254 { color: #e4e4e4 } .fg254 { color: #e4e4e4 }
.fg255 { color: #eeeeee } .fg255 { color: #eeeeee }
/* Backgrounds: */ /* Backgrounds: */
/* ansi colors */ /* ansi colors */
.bg0 { background-color: #000000 } .bg0 { background-color: #000000 }
.bg1 { background-color: #CC0000 } .bg1 { background-color: #CC0000 }
@ -352,7 +352,7 @@
.bg14 { background-color: #34E2E2 } .bg14 { background-color: #34E2E2 }
.bg15 { background-color: #EEEEEC } .bg15 { background-color: #EEEEEC }
/* 216 rgb colors */ /* 216 rgb colors */
.bg16 { background-color: #000000 } .bg16 { background-color: #000000 }
.bg17 { background-color: #00005f } .bg17 { background-color: #00005f }
@ -438,173 +438,174 @@
.bg97 { background-color: #875faf } .bg97 { background-color: #875faf }
.bg98 { background-color: #875fd7 } .bg98 { background-color: #875fd7 }
.bg99 { background-color: #875fff } .bg99 { background-color: #875fff }
.bg100 { background-color: #878700 } .bg100 { background-color: #878700 }
.bg101 { background-color: #87875f } .bg101 { background-color: #87875f }
.bg102 { background-color: #878787 } .bg102 { background-color: #878787 }
.bg103 { background-color: #8787af } .bg103 { background-color: #8787af }
.bg104 { background-color: #8787d7 } .bg104 { background-color: #8787d7 }
.bg105 { background-color: #8787ff } .bg105 { background-color: #8787ff }
.bg106 { background-color: #87af00 } .bg106 { background-color: #87af00 }
.bg107 { background-color: #87af5f } .bg107 { background-color: #87af5f }
.bg108 { background-color: #87af87 } .bg108 { background-color: #87af87 }
.bg109 { background-color: #87afaf } .bg109 { background-color: #87afaf }
.bg110 { background-color: #87afd7 } .bg110 { background-color: #87afd7 }
.bg111 { background-color: #87afff } .bg111 { background-color: #87afff }
.bg112 { background-color: #87d700 } .bg112 { background-color: #87d700 }
.bg113 { background-color: #87d75f } .bg113 { background-color: #87d75f }
.bg114 { background-color: #87d787 } .bg114 { background-color: #87d787 }
.bg115 { background-color: #87d7af } .bg115 { background-color: #87d7af }
.bg116 { background-color: #87d7d7 } .bg116 { background-color: #87d7d7 }
.bg117 { background-color: #87d7ff } .bg117 { background-color: #87d7ff }
.bg118 { background-color: #87ff00 } .bg118 { background-color: #87ff00 }
.bg119 { background-color: #87ff5f } .bg119 { background-color: #87ff5f }
.bg120 { background-color: #87ff87 } .bg120 { background-color: #87ff87 }
.bg121 { background-color: #87ffaf } .bg121 { background-color: #87ffaf }
.bg122 { background-color: #87ffd7 } .bg122 { background-color: #87ffd7 }
.bg123 { background-color: #87ffff } .bg123 { background-color: #87ffff }
.bg124 { background-color: #af0000 } .bg124 { background-color: #af0000 }
.bg125 { background-color: #af005f } .bg125 { background-color: #af005f }
.bg126 { background-color: #af0087 } .bg126 { background-color: #af0087 }
.bg127 { background-color: #af00af } .bg127 { background-color: #af00af }
.bg128 { background-color: #af00d7 } .bg128 { background-color: #af00d7 }
.bg129 { background-color: #af00ff } .bg129 { background-color: #af00ff }
.bg130 { background-color: #af5f00 } .bg130 { background-color: #af5f00 }
.bg131 { background-color: #af5f5f } .bg131 { background-color: #af5f5f }
.bg132 { background-color: #af5f87 } .bg132 { background-color: #af5f87 }
.bg133 { background-color: #af5faf } .bg133 { background-color: #af5faf }
.bg134 { background-color: #af5fd7 } .bg134 { background-color: #af5fd7 }
.bg135 { background-color: #af5fff } .bg135 { background-color: #af5fff }
.bg136 { background-color: #af8700 } .bg136 { background-color: #af8700 }
.bg137 { background-color: #af875f } .bg137 { background-color: #af875f }
.bg138 { background-color: #af8787 } .bg138 { background-color: #af8787 }
.bg139 { background-color: #af87af } .bg139 { background-color: #af87af }
.bg140 { background-color: #af87d7 } .bg140 { background-color: #af87d7 }
.bg141 { background-color: #af87ff } .bg141 { background-color: #af87ff }
.bg142 { background-color: #afaf00 } .bg142 { background-color: #afaf00 }
.bg143 { background-color: #afaf5f } .bg143 { background-color: #afaf5f }
.bg144 { background-color: #afaf87 } .bg144 { background-color: #afaf87 }
.bg145 { background-color: #afafaf } .bg145 { background-color: #afafaf }
.bg146 { background-color: #afafd7 } .bg146 { background-color: #afafd7 }
.bg147 { background-color: #afafff } .bg147 { background-color: #afafff }
.bg148 { background-color: #afd700 } .bg148 { background-color: #afd700 }
.bg149 { background-color: #afd75f } .bg149 { background-color: #afd75f }
.bg150 { background-color: #afd787 } .bg150 { background-color: #afd787 }
.bg151 { background-color: #afd7af } .bg151 { background-color: #afd7af }
.bg152 { background-color: #afd7d7 } .bg152 { background-color: #afd7d7 }
.bg153 { background-color: #afd7ff } .bg153 { background-color: #afd7ff }
.bg154 { background-color: #afff00 } .bg154 { background-color: #afff00 }
.bg155 { background-color: #afff5f } .bg155 { background-color: #afff5f }
.bg156 { background-color: #afff87 } .bg156 { background-color: #afff87 }
.bg157 { background-color: #afffaf } .bg157 { background-color: #afffaf }
.bg158 { background-color: #afffd7 } .bg158 { background-color: #afffd7 }
.bg159 { background-color: #afffff } .bg159 { background-color: #afffff }
.bg160 { background-color: #d70000 } .bg160 { background-color: #d70000 }
.bg161 { background-color: #d7005f } .bg161 { background-color: #d7005f }
.bg162 { background-color: #d70087 } .bg162 { background-color: #d70087 }
.bg163 { background-color: #d700af } .bg163 { background-color: #d700af }
.bg164 { background-color: #d700d7 } .bg164 { background-color: #d700d7 }
.bg165 { background-color: #d700ff } .bg165 { background-color: #d700ff }
.bg166 { background-color: #d75f00 } .bg166 { background-color: #d75f00 }
.bg167 { background-color: #d75f5f } .bg167 { background-color: #d75f5f }
.bg168 { background-color: #d75f87 } .bg168 { background-color: #d75f87 }
.bg169 { background-color: #d75faf } .bg169 { background-color: #d75faf }
.bg170 { background-color: #d75fd7 } .bg170 { background-color: #d75fd7 }
.bg171 { background-color: #d75fff } .bg171 { background-color: #d75fff }
.bg172 { background-color: #d78700 } .bg172 { background-color: #d78700 }
.bg173 { background-color: #d7875f } .bg173 { background-color: #d7875f }
.bg174 { background-color: #d78787 } .bg174 { background-color: #d78787 }
.bg175 { background-color: #d787af } .bg175 { background-color: #d787af }
.bg176 { background-color: #d787d7 } .bg176 { background-color: #d787d7 }
.bg177 { background-color: #d787ff } .bg177 { background-color: #d787ff }
.bg178 { background-color: #d7af00 } .bg178 { background-color: #d7af00 }
.bg179 { background-color: #d7af5f } .bg179 { background-color: #d7af5f }
.bg180 { background-color: #d7af87 } .bg180 { background-color: #d7af87 }
.bg181 { background-color: #d7afaf } .bg181 { background-color: #d7afaf }
.bg182 { background-color: #d7afd7 } .bg182 { background-color: #d7afd7 }
.bg183 { background-color: #d7afff } .bg183 { background-color: #d7afff }
.bg184 { background-color: #d7d700 } .bg184 { background-color: #d7d700 }
.bg185 { background-color: #d7d75f } .bg185 { background-color: #d7d75f }
.bg186 { background-color: #d7d787 } .bg186 { background-color: #d7d787 }
.bg187 { background-color: #d7d7af } .bg187 { background-color: #d7d7af }
.bg188 { background-color: #d7d7d7 } .bg188 { background-color: #d7d7d7 }
.bg189 { background-color: #d7d7ff } .bg189 { background-color: #d7d7ff }
.bg190 { background-color: #d7ff00 } .bg190 { background-color: #d7ff00 }
.bg191 { background-color: #d7ff5f } .bg191 { background-color: #d7ff5f }
.bg192 { background-color: #d7ff87 } .bg192 { background-color: #d7ff87 }
.bg193 { background-color: #d7ffaf } .bg193 { background-color: #d7ffaf }
.bg194 { background-color: #d7ffd7 } .bg194 { background-color: #d7ffd7 }
.bg195 { background-color: #d7ffff } .bg195 { background-color: #d7ffff }
.bg196 { background-color: #ff0000 } .bg196 { background-color: #ff0000 }
.bg197 { background-color: #ff005f } .bg197 { background-color: #ff005f }
.bg198 { background-color: #ff0087 } .bg198 { background-color: #ff0087 }
.bg199 { background-color: #ff00af } .bg199 { background-color: #ff00af }
.bg200 { background-color: #ff00d7 } .bg200 { background-color: #ff00d7 }
.bg201 { background-color: #ff00ff } .bg201 { background-color: #ff00ff }
.bg202 { background-color: #ff5f00 } .bg202 { background-color: #ff5f00 }
.bg203 { background-color: #ff5f5f } .bg203 { background-color: #ff5f5f }
.bg204 { background-color: #ff5f87 } .bg204 { background-color: #ff5f87 }
.bg205 { background-color: #ff5faf } .bg205 { background-color: #ff5faf }
.bg206 { background-color: #ff5fd7 } .bg206 { background-color: #ff5fd7 }
.bg207 { background-color: #ff5fff } .bg207 { background-color: #ff5fff }
.bg208 { background-color: #ff8700 } .bg208 { background-color: #ff8700 }
.bg209 { background-color: #ff875f } .bg209 { background-color: #ff875f }
.bg210 { background-color: #ff8787 } .bg210 { background-color: #ff8787 }
.bg211 { background-color: #ff87af } .bg211 { background-color: #ff87af }
.bg212 { background-color: #ff87d7 } .bg212 { background-color: #ff87d7 }
.bg213 { background-color: #ff87ff } .bg213 { background-color: #ff87ff }
.bg214 { background-color: #ffaf00 } .bg214 { background-color: #ffaf00 }
.bg215 { background-color: #ffaf5f } .bg215 { background-color: #ffaf5f }
.bg216 { background-color: #ffaf87 } .bg216 { background-color: #ffaf87 }
.bg217 { background-color: #ffafaf } .bg217 { background-color: #ffafaf }
.bg218 { background-color: #ffafd7 } .bg218 { background-color: #ffafd7 }
.bg219 { background-color: #ffafff } .bg219 { background-color: #ffafff }
.bg220 { background-color: #ffd700 } .bg220 { background-color: #ffd700 }
.bg221 { background-color: #ffd75f } .bg221 { background-color: #ffd75f }
.bg222 { background-color: #ffd787 } .bg222 { background-color: #ffd787 }
.bg223 { background-color: #ffd7af } .bg223 { background-color: #ffd7af }
.bg224 { background-color: #ffd7d7 } .bg224 { background-color: #ffd7d7 }
.bg225 { background-color: #ffd7ff } .bg225 { background-color: #ffd7ff }
.bg226 { background-color: #ffff00 } .bg226 { background-color: #ffff00 }
.bg227 { background-color: #ffff5f } .bg227 { background-color: #ffff5f }
.bg228 { background-color: #ffff87 } .bg228 { background-color: #ffff87 }
.bg229 { background-color: #ffffaf } .bg229 { background-color: #ffffaf }
.bg230 { background-color: #ffffd7 } .bg230 { background-color: #ffffd7 }
.bg231 { background-color: #ffffff } .bg231 { background-color: #ffffff }
/* 24 shades of grey */ /* 24 shades of grey */
.bg232 { background-color: #080808 } .bg232 { background-color: #080808 }
.bg233 { background-color: #121212 } .bg233 { background-color: #121212 }
.bg234 { background-color: #1c1c1c } .bg234 { background-color: #1c1c1c }
.bg235 { background-color: #262626 } .bg235 { background-color: #262626 }
.bg236 { background-color: #303030 } .bg236 { background-color: #303030 }
.bg237 { background-color: #3a3a3a } .bg237 { background-color: #3a3a3a }
.bg238 { background-color: #444444 } .bg238 { background-color: #444444 }
.bg239 { background-color: #4e4e4e } .bg239 { background-color: #4e4e4e }
.bg240 { background-color: #585858 } .bg240 { background-color: #585858 }
.bg241 { background-color: #626262 } .bg241 { background-color: #626262 }
.bg242 { background-color: #6c6c6c } .bg242 { background-color: #6c6c6c }
.bg243 { background-color: #767676 } .bg243 { background-color: #767676 }
.bg244 { background-color: #808080 } .bg244 { background-color: #808080 }
.bg245 { background-color: #8a8a8a } .bg245 { background-color: #8a8a8a }
.bg246 { background-color: #949494 } .bg246 { background-color: #949494 }
.bg247 { background-color: #9e9e9e } .bg247 { background-color: #9e9e9e }
.bg248 { background-color: #a8a8a8 } .bg248 { background-color: #a8a8a8 }
.bg249 { background-color: #b2b2b2 } .bg249 { background-color: #b2b2b2 }
.bg250 { background-color: #bcbcbc } .bg250 { background-color: #bcbcbc }
.bg251 { background-color: #c6c6c6 } .bg251 { background-color: #c6c6c6 }
.bg252 { background-color: #d0d0d0 } .bg252 { background-color: #d0d0d0 }
.bg253 { background-color: #dadada } .bg253 { background-color: #dadada }
.bg254 { background-color: #e4e4e4 } .bg254 { background-color: #e4e4e4 }
.bg255 { background-color: #eeeeee } .bg255 { background-color: #eeeeee }
.description { .description {
color: #666; color: #666;
font-family: arial, helvetica; font-family: arial, helvetica;
font-size: 16px; font-size: 16px;
margin: 20px; margin: 20px;
} }
.description p { .description p {
margin-bottom: 20px; margin-bottom: 20px;
}
} }

Write Preview
Loading…
Cancel
Save