125 lines
5.4 KiB
HTML
125 lines
5.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>pacific.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}
|
|
.ST1 {color: #287bde}
|
|
.strings {color: #6a8759}
|
|
.numbers {color: #6897bb}
|
|
.ST0 {color: #808080; background-color: #323232}
|
|
.comments {color: #808080}
|
|
-->
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/pacific.css</td></tr></table>
|
|
<pre>
|
|
<span class="ST0">/*</span>
|
|
<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="comments"> to change this license</span>
|
|
<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css</span><span class="comments"> to edit this template</span>
|
|
<span class="comments">*/</span>
|
|
<span class="comments">/*</span>
|
|
<span class="comments">Created on : Jan 25, 2023, 9:50:47 AM</span>
|
|
<span class="comments">Author : caleb</span>
|
|
<span class="comments">*/</span>
|
|
|
|
<span class="strings">body</span> {
|
|
background-color: <span class="numbers">#90C7E3</span>;
|
|
background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
|
|
color: <span class="numbers">#555555</span>;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
<span class="strings">.</span><span class="strings">wrapper</span> {
|
|
background-color: <span class="numbers">#FFFFFF</span>;
|
|
width: <span class="numbers">80%</span>;
|
|
min-width: <span class="numbers">960px</span>;
|
|
max-width: <span class="numbers">2048px</span>;
|
|
box-shadow: <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">#333333</span>;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
<span class="strings">header</span> {
|
|
background-color: <span class="numbers">#002171</span>;
|
|
color: <span class="numbers">#FFFFFF</span>;
|
|
line-height: <span class="numbers">60px</span>;
|
|
top-padding: <span class="numbers">15px</span>;
|
|
text-align: center;
|
|
background-image: <span class="strings">url("images/sunset.jpg")</span>;
|
|
background-repeat: no-repeat;
|
|
background-position: right;
|
|
}
|
|
<span class="strings">nav</span> {
|
|
background-color: <span class="numbers">#FFFFFF</span>;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
padding: <span class="numbers">1em</span>;
|
|
}
|
|
<span class="strings">main</span> {
|
|
top-padding: <span class="numbers">1px</span>;
|
|
right-padding: <span class="numbers">20px</span>;
|
|
left-padding: <span class="numbers">20px</span>;
|
|
}
|
|
<span class="strings">h1</span>{
|
|
margin-bottom: <span class="numbers">0</span>;
|
|
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
|
}
|
|
<span class="strings">h2</span> {
|
|
color: <span class="numbers">#1976D2</span>;
|
|
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
|
text-shadow: <span class="numbers">1px</span> <span class="numbers">1px</span> <span class="numbers">#CCCCCC</span>;
|
|
}
|
|
<span class="strings">h3</span> {
|
|
color: <span class="numbers">#000033</span>;
|
|
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
|
}
|
|
<span class="strings">dt</span> {
|
|
color: <span class="numbers">#002171</span>;
|
|
}
|
|
<span class="strings">ul</span> {
|
|
list-style-image: <span class="strings">url('images/marker.gif')</span>
|
|
}
|
|
<span class="strings">footer</span> {
|
|
font-size: <span class="numbers">75%</span>;
|
|
font-style: italic;
|
|
font-family: Georgia, <span class="strings">"Times New Roman"</span>, sans-serif;
|
|
text-align: center;
|
|
padding: <span class="numbers">2em</span>;
|
|
}
|
|
<span class="strings">.</span><span class="strings">resort</span> {
|
|
color: <span class="numbers">#1976D2</span>;
|
|
font-weight: bold;
|
|
}
|
|
<span class="strings">.</span><span class="strings">contact</span> {
|
|
font-size: <span class="numbers">90%</span>;
|
|
}
|
|
<span class="strings">img</span> {
|
|
height: <span class="numbers">100%</span>;
|
|
width: <span class="numbers">100%</span>;
|
|
}
|
|
<span class="strings">#homehero</span> {
|
|
height: <span class="numbers">300px</span>;
|
|
background-image: <span class="strings">url("images/coast.jpg")</span>;
|
|
background-repeat: no-repeat;
|
|
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
|
}
|
|
<span class="strings">#yurthero</span> {
|
|
height: <span class="numbers">300px</span>;
|
|
background-image: <span class="strings">url("images/yurt.jpg")</span>;
|
|
background-repeat: no-repeat;
|
|
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
|
}
|
|
<span class="strings">#trailhero</span> {
|
|
height: <span class="numbers">300px</span>;
|
|
background-image: <span class="strings">url("images/trail.jpg")</span>;
|
|
background-repeat: no-repeat;
|
|
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
|
|
}
|
|
</pre></body>
|
|
</html>
|