Commit 68ec691a authored by Ryan Wade's avatar Ryan Wade

Stylized the website for a cleaner look

removed unused code
parent 671b33a2
footer
{
background:rgba(86, 170, 204, 0.75);
border:1px solid black;
border-radius: 5px;
-webkit-border-radius: 5px;
height: 200px;
/*background:rgba(86, 170, 204, 0.75);*/
background:rgba(78, 153, 184, 1);
border-top:1px solid black;
border-bottom:1px solid black;
height: 80px;
}
.footerLink
{
......
......@@ -4,30 +4,33 @@
body
{
background:rgba(37, 31, 31, 1);
min-height:500px
min-height:100%;
margin: 0px;
padding: 0px;
}
body.embeded
{
background:rgba(54, 44, 43, 1);
}
body.table
{
background:rgba(70, 59, 55, 1);
}
body.padding
{
padding: 0px 15px 0px 5px;
}
#webpage
{
box-shadow: -10px 10px 50px #0F0F0F;
/*border:1px solid black;*/
width:1050px;
background:rgba(54, 44, 43, 1);
border-radius: 5px;
-webkit-border-radius: 5px; /*Chrome & Safari*/
//animation: AnimIframe 3s 1;
//-webkit-animation: AnimIframe 3s 1;
/*width:1050px;*/
/*background: #f9f4e1;*/
/*background:rgba(54, 44, 43, 1);*/
background #333333;
/*border-radius: 5px;
-webkit-border-radius: 5px; //Chrome & Safari
animation: AnimIframe 3s 1;
-webkit-animation: AnimIframe 3s 1;*/
}
#navigation
{
//width: 100%;
//position: fixed;
background: #f9f4f4;
}
#content
{
//padding-top: 80px;
background #333333;
}
/*Default Page Styling*/
a
......@@ -54,55 +57,4 @@
margin:0px;
padding:0px;
float:none;
}
li
{
display:inline;
}
/*HomePage*/
#mainIframe.iframeInit
{
opacity:0;
}
#innerIframe.iframeInit,#ProjectContent.iframeInit
{
opacity:1;
}
#mainIframe.iframeInitLoaded
{
animation:AnimIframe 4s normal;
-webkit-animation:AnimIframe 4s normal;
opacity:1;
}
#innerIframe.iframeInitLoaded, #ProjectContent.iframeInitLoaded
{
opacity: 1;
}
.iframeEmpty
{
animation:AnimIframeR 0.5s;
-webkit-animation:AnimIframe 0.5s reverse;
opacity:0;
}
.iframeLoaded
{
animation:AnimIframe .5s normal;
-webkit-animation:AnimIframe .5s normal;
opacity:1;
}
@keyframes AnimIframe
{
0% {opacity:0.0;}
100% {opacity:1.0;}
}
@keyframes AnimIframeR
{
0% {opacity:1.0;}
100% {opacity:0.0;}
}
@-webkit-keyframes AnimIframe/* Safari and Chrome */
{
0% {opacity:0;}
100% {opacity:1;}
}
\ No newline at end of file
......@@ -2,22 +2,25 @@
/*Dividers*/
#header
{
padding-top: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
height:100px;
height: 60px;
/*box-shadow: -2px 2px 20px #0F0F0F;*/
}
#headerLogo
{
vertical-align: center;
width:250px;
float:left;
vertical-align: bottom;
}
#headerTitle
{
padding-left:50px;
font: 80px Georgia, serif;
font: 60px Georgia, serif;
color: black;
vertical-align: center;
position:relative;
float:left;
}
......
......@@ -14,7 +14,7 @@
#TitleImg
{
background-size: 100% 100%;
height: 250px;
height: 350px;
}
#TitleBox
{
......@@ -31,6 +31,7 @@
}
#TitleOnly
{
margin: 20px 0px;
position: relative;
padding: 10px 30px;
width: 400px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment