72 lines
3.8 KiB
HTML
72 lines
3.8 KiB
HTML
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>bistro.css</title>
|
||
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||
|
|
<style type="text/css">
|
||
|
|
<!--
|
||
|
|
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||
|
|
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
|
||
|
|
table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
|
||
|
|
.highlight-caret-row {background-color: #323232}
|
||
|
|
.numbers {color: #6897bb}
|
||
|
|
.strings {color: #6a8759}
|
||
|
|
-->
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/bistro.css</td></tr></table>
|
||
|
|
<pre>
|
||
|
|
<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
|
||
|
|
body { background-color: <span class="numbers">#00005D</span>;
|
||
|
|
font-family: Verdana, Arial, sans-serif; }
|
||
|
|
<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto;
|
||
|
|
width: <span class="numbers">80%</span>;
|
||
|
|
min-width: <span class="numbers">940px</span>;
|
||
|
|
background-color: <span class="numbers">#B3C7E6</span>;
|
||
|
|
color: <span class="numbers">#000066</span>; }
|
||
|
|
header { background-color: <span class="numbers">#869DC7</span>;
|
||
|
|
color: <span class="numbers">#00005D</span>;
|
||
|
|
font-size: <span class="numbers">150%</span>;
|
||
|
|
padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
|
||
|
|
height: <span class="numbers">150px</span>;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
|
||
|
|
nav { float: right;
|
||
|
|
width: <span class="numbers">150px</span>;
|
||
|
|
font-weight: bold;
|
||
|
|
letter-spacing: <span class="numbers">0.1em</span>; }
|
||
|
|
main { background-color: <span class="numbers">#FFFFFF</span>;
|
||
|
|
color: <span class="numbers">#000000</span>;
|
||
|
|
padding: <span class="numbers">10px</span> <span class="numbers">20px</span>;
|
||
|
|
display: block;
|
||
|
|
overflow: auto; }
|
||
|
|
h2 { color: <span class="numbers">#869DC7</span>;
|
||
|
|
font-family: Arial, sans-serif; }
|
||
|
|
<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
|
||
|
|
|
||
|
|
nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
|
||
|
|
nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
|
||
|
|
background-color: <span class="numbers">#B3C7E6</span>;
|
||
|
|
border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>;
|
||
|
|
background-image: <span class="strings">url(sprites.gif)</span>;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right <span class="numbers">0</span>;
|
||
|
|
|
||
|
|
}
|
||
|
|
nav a:link { color: <span class="numbers">#FFFFFF</span>; }
|
||
|
|
nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
|
||
|
|
nav a:hover { color: <span class="numbers">#869DC7</span>;
|
||
|
|
background-color: <span class="numbers">#EAEAEA</span>;
|
||
|
|
background-position: right -<span class="numbers">100px</span>;}
|
||
|
|
footer { font-size: <span class="numbers">70%</span>;
|
||
|
|
text-align: center;
|
||
|
|
padding: <span class="numbers">10px</span>;
|
||
|
|
background-color: <span class="numbers">#869DC7</span>;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
</pre></body>
|
||
|
|
</html>
|