2023-02-13 18:56:59 -06:00
<!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 > ;
2023-02-13 19:04:04 -06:00
background-repeat: no-repeat;
background-size: < span class = "numbers" > 100%< / span > < span class = "numbers" > 100%< / span > ;
2023-02-13 18:56:59 -06:00
}
< span class = "strings" > #yurthero< / span > {
height: < span class = "numbers" > 300px< / span > ;
background-image: < span class = "strings" > url(" images/yurt.jpg" )< / span > ;
2023-02-13 19:04:04 -06:00
background-repeat: no-repeat;
background-size: < span class = "numbers" > 100%< / span > < span class = "numbers" > 100%< / span > ;
2023-02-13 18:56:59 -06:00
}
< span class = "strings" > #trailhero< / span > {
height: < span class = "numbers" > 300px< / span > ;
background-image: < span class = "strings" > url(" images/trail.jpg" )< / span > ;
2023-02-13 19:04:04 -06:00
background-repeat: no-repeat;
background-size: < span class = "numbers" > 100%< / span > < span class = "numbers" > 100%< / span > ;
2023-02-13 18:56:59 -06:00
}
< / pre > < / body >
< / html >
