space and transparency
This commit is contained in:
parent
36c4d37936
commit
b6dd681674
10
dynmap.html
10
dynmap.html
@ -5,15 +5,17 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div id="wrapper">
|
||||||
<nav>
|
<nav>
|
||||||
<h1>Hi! Welcome to my Web Server!</h1>
|
<h1>Hi! Welcome to my Web Server!</h1>
|
||||||
|
<div class="navborder">
|
||||||
<a class="button" href="index.html">Home</a>
|
<a class="button" href="index.html">Home</a>
|
||||||
<a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
|
<a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
|
||||||
<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
|
<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
|
||||||
<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a><li>
|
<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
|
||||||
</nav>
|
<a class="button" href="mario">Mario</a>
|
||||||
<div id="wrapper">
|
</div>
|
||||||
<ul>
|
</nav>
|
||||||
<a class="button" href="https://survival.calebfontenot.com">Survival Server</a>
|
<a class="button" href="https://survival.calebfontenot.com">Survival Server</a>
|
||||||
<a class="button" href="https://creative.calebfontenot.com">Creative Server</a>
|
<a class="button" href="https://creative.calebfontenot.com">Creative Server</a>
|
||||||
<a class="button" href="https://modded.calebfontenot.com">Modded Server</a>
|
<a class="button" href="https://modded.calebfontenot.com">Modded Server</a>
|
||||||
|
@ -16,12 +16,14 @@
|
|||||||
<body class="center">
|
<body class="center">
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
<nav>
|
<nav>
|
||||||
<h1>Hi! Welcome to my Web Server!</h1>
|
<h1>Hi! Welcome to my Web Server!</h1>
|
||||||
|
<div class="navborder">
|
||||||
<a class="button" href="index.html">Home</a>
|
<a class="button" href="index.html">Home</a>
|
||||||
<a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
|
<a class="button" href="https://gitea.calebfontenot.com">Gitea</a>
|
||||||
<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
|
<a class="button" href="https://search.calebfontenot.com">SearXNG Instance</a>
|
||||||
<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
|
<a class="button" href="dynmap.html">Minecraft Server Dynamic Maps</a>
|
||||||
<a class="button" href="mario">Mario</a>
|
<a class="button" href="mario">Mario</a>
|
||||||
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<p>Hi! My name is <mark>Caleb Fontenot.</mark> I am a software developer in my second semester at South Lousiana Community College.</p>
|
<p>Hi! My name is <mark>Caleb Fontenot.</mark> I am a software developer in my second semester at South Lousiana Community College.</p>
|
||||||
<!--p>Below is Mr. Mouse absolutely jamming it</p>
|
<!--p>Below is Mr. Mouse absolutely jamming it</p>
|
||||||
|
22
root.css
22
root.css
@ -10,12 +10,14 @@ body {
|
|||||||
/* text-decoration: overline; */
|
/* text-decoration: overline; */
|
||||||
/* text-transform: uppercase; */
|
/* text-transform: uppercase; */
|
||||||
/* background-color: #FFAAAA; */
|
/* background-color: #FFAAAA; */
|
||||||
background-image: url(Circles.png);
|
background-image: url("space.gif");
|
||||||
|
/* url(Circles.png); */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
#wrapper {
|
#wrapper {
|
||||||
|
opacity: 0.9;
|
||||||
width: 1024px;
|
width: 1024px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
@ -24,6 +26,7 @@ body {
|
|||||||
/* width: 90%; */
|
/* width: 90%; */
|
||||||
border-style: groove;
|
border-style: groove;
|
||||||
border-color: #000000;
|
border-color: #000000;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -31,22 +34,21 @@ nav {
|
|||||||
background-color: #333333;
|
background-color: #333333;
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
border-color: #000000;
|
border-color: #000000;
|
||||||
padding: none;
|
padding: 0 0 0 0;
|
||||||
|
margin: 0 0 0 0;
|
||||||
|
}
|
||||||
|
.navborder {
|
||||||
|
border-style: inset;
|
||||||
}
|
}
|
||||||
.button {
|
.button {
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-style: outset;
|
border-style: outset;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
border-radius: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button a {
|
.button:hover {
|
||||||
color: #FFFFFF;
|
|
||||||
text-decoration: none;
|
|
||||||
border-style: outset;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.button a:hover {
|
|
||||||
border-style: inset;
|
border-style: inset;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user