CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

MP7

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-03-06 11:29:19 -06:00
parent 906c3ccb49
commit 11d9ecb079
7 changed files with 124 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
Assignments/MP07_CalebFontenot/Printed HTMLs/pacific.html
View File

@@ -5,21 +5,21 @@
<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}
.at_rule_symbol {color: #cc7832}
.ST1 {color: #287bde}
body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace}
table {color: #888888; background-color: #313335; font-family: monospace}
.strings {color: #6a8759}
.numbers {color: #6897bb}
.ST0 {color: #808080; background-color: #323232}
.comments {color: #808080}
.ST2 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
.ST2 {color: #e8bf6a; font-family: monospace; font-style: italic}
.ST1 {color: #287bde}
.at_rule_symbol {color: #cc7832}
-->
</style>
</head>
<body>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP06_CalebFontenot/public_html/pacific.css</td></tr></table>
<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP07_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>
@@ -52,7 +52,7 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
padding: <span class="numbers">0</span>;
font-size: <span class="numbers">120%</span>;
text-align: center;
<span class="comments">//text-decoration: none;</span>
text-decoration: none;
}
<span class="strings">nav</span> <span class="strings">ul</span> {
@@ -67,6 +67,7 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="strings">nav</span> <span class="strings">a</span><span class="ST2">:</span><span class="ST2">link</span>, <span class="strings">a</span><span class="ST2">:</span><span class="ST2">visited</span> {
color: <span class="numbers">#344873</span>;
text-decoration: none;
}
<span class="strings">nav</span> <span class="ST2">:</span><span class="ST2">hover</span> {
color: <span class="numbers">#A52A2A</span>;
@@ -115,42 +116,50 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
height: <span class="numbers">100%</span>;
width: <span class="numbers">100%</span>;
}
<span class="comments">// Classes and ids</span>
.resort {
<span class="comments">/* Classes and ids */</span>
<span class="strings">.</span><span class="strings">resort</span> {
color: <span class="numbers">#1976D2</span>;
font-weight: bold;
}
<span class="numbers">#contact</span> { font-size: <span class="numbers">90%</span>}
<span class="strings">.</span><span class="strings">text</span> {
text-align: left;
padding: unset;
<span class="comments">/* border: none ; */</span>
}
<span class="ST2">:</span><span class="ST2">nth-of-type</span> {
background-color: <span class="numbers">#F5FAFC</span>;
}
<span class="strings">#contact</span> { font-size: <span class="numbers">90%</span>}
<span class="numbers">#homehero</span> {
<span class="strings">#homehero</span> {
height: <span class="numbers">300px</span>;
<span class="comments">//margin-left: 190px;</span>
background-image: <span class="strings">url(&quot;images/coast2.jpg&quot;)</span>;
background-repeat: no-repeat;
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
}
<span class="numbers">#yurthero</span> {
<span class="strings">#yurthero</span> {
height: <span class="numbers">300px</span>;
background-image: <span class="strings">url(&quot;images/yurt.jpg&quot;)</span>;
background-repeat: no-repeat;
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
<span class="comments">//margin-left: 190px;</span>
}
<span class="numbers">#trailhero</span> {
<span class="strings">#trailhero</span> {
height: <span class="numbers">300px</span>;
background-image: <span class="strings">url(&quot;images/trail.jpg&quot;)</span>;
background-repeat: no-repeat;
background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
<span class="comments">//margin-left: 190px;</span>
}
<span class="numbers">#body</span> {
<span class="strings">#body</span> {
background-color: <span class="numbers">#FFFFFF</span>;
<span class="comments">//margin-left: 190px;</span>
width: auto;
}
<span class="numbers">#wrapper</span> {
<span class="strings">#wrapper</span> {
background-color: <span class="numbers">#90C7E3</span>;
<span class="comments">//width: 80%;</span>
background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
@@ -160,15 +169,23 @@ table {color: #888888; background-color: #313335; font-family: monospace; font-w
<span class="comments">//margin-left: auto;</span>
<span class="comments">//margin-right: auto;</span>
}
<span class="numbers">#headerlink</span> {
<span class="strings">#headerlink</span> {
color: white;
text-decoration: none;
}
table {
border: <span class="numbers">0px</span>;
<span class="strings">table</span> {
border: <span class="numbers">2px</span> solid <span class="numbers">#3399CC</span>;
border-collapse: collapse;
}
nav li {
<span class="strings">table</span> <span class="strings">td</span>, <span class="strings">th</span> {
padding: <span class="numbers">0.5em</span>;
border: <span class="numbers">2px</span> solid <span class="numbers">#3399CC</span>;
}
<span class="strings">table</span> <span class="strings">td</span> {
text-align: center;
}
<span class="strings">nav</span> <span class="strings">li</span> {
box-shadow: <span class="numbers">1px</span> <span class="numbers">1px</span> <span class="numbers">1px</span> blue;
<span class="comments">//font-size: 0.5em;</span>
}
@@ -222,5 +239,6 @@ nav li {
/ <span class="numbers">180px</span> <span class="numbers">1fr</span>;
}
}
</pre></body>
</html>