summaryrefslogtreecommitdiffstats
path: root/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css
diff options
context:
space:
mode:
authormsglm <msglm@techchud.xyz>2023-01-14 05:31:48 -0600
committermsglm <msglm@techchud.xyz>2023-01-14 05:31:48 -0600
commit9d53d8857eaa1c9405894a88ca75bc4657e42f35 (patch)
treeeb1efc1d028b949dd83bb710c68be8eff58f26e7 /HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/sprites/bistro.css
downloadschool-code-master.tar.gz
school-code-master.tar.bz2
school-code-master.zip
Inital CommitHEADmaster
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.css95
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;
+}
+
+
+
+