diff options
author | msglm <msglm@techchud.xyz> | 2023-01-14 05:31:48 -0600 |
---|---|---|
committer | msglm <msglm@techchud.xyz> | 2023-01-14 05:31:48 -0600 |
commit | 9d53d8857eaa1c9405894a88ca75bc4657e42f35 (patch) | |
tree | eb1efc1d028b949dd83bb710c68be8eff58f26e7 /HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css | |
download | school-code-master.tar.gz school-code-master.tar.bz2 school-code-master.zip |
Diffstat (limited to 'HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css')
-rw-r--r-- | HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css new file mode 100644 index 0000000..b8a0b9d --- /dev/null +++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css @@ -0,0 +1,95 @@ +*{ + box-sizing: border-box; +} + +body { + background-color: #00005D; + font-family: Verdana, Arial, sans-serif; +} + +#wrapper { + margin: 0 auto; + width: 80%; + min-width: 940px; + background-color: #B3C7E6; + color: #000066; +} + +header { + background-color: #869DC7; + color: #00005D; + font-size: 150%; + padding: 10px 10px 10px 155px; + height: 150px; + background-repeat: no-repeat; + background-image: url(7.9.lighthouselogo.jpg); +} + +nav { + float: right; + width: 150px; + font-weight: bold; + letter-spacing: 0.1em; +} + +main { + background-color: #FFFFFF; + color: #000000; + padding: 10px 20px; + display: block; + overflow: auto; +} + +h2 { + color: #869DC7; + font-family: Arial, sans-serif; +} + +#floatright { + float: right; + margin: 10px; +} + + +nav ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +nav a { + text-decoration: none; + padding: 20px; + display: block; + background-color: #B3C7E6; + border-bottom: 1px solid #FFFFFF; + background-image: url(7.9.sprites.gif); + background-repeat: no-repeat; + background-position: right 0; +} + +nav a:link { + color: #FFFFFF; +} + +nav a:visited { + color: #EAEAEA; +} + +nav a:hover { + color: #869DC7; + background-color: #EAEAEA; + background-position: right -100px; +} + +footer { + font-size: 70%; + text-align: center; + padding: 10px; + background-color: #869DC7; + clear: both; +} + + + + |