Imbus/OgSite
1
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity

Compare commits

base: Imbus:097a8db09c4dd128f9024a9580c11292fff964ae
Branches Tags
Imbus:master
Imbus:legacy
Imbus:untouched
..
compare: Imbus:51120ac3031916bf98916bf1b355da0c63f4e87a
Branches Tags
Imbus:master
Imbus:legacy
Imbus:untouched

No commits in common. "097a8db09c4dd128f9024a9580c11292fff964ae" and "51120ac3031916bf98916bf1b355da0c63f4e87a" have entirely different histories.
097a8db09c ... 51120ac303

3 changed files with 167 additions and 182 deletions
Show stats Expand all files Collapse all files

27
index.htm
View file

@ -1,8 +1,33 @@
<html> <html>
<script src="script.js"></script> <script>
function expand() { document.getElementById("bar").style.height = "100%"; }
function collapse() { document.getElementById("bar").style.height = "0px"; }
function myFunction() {
if (document.getElementById('bar').clientHeight == 0) { expand(); }
else { collapse(); }
}
</script>
<LINK href="style.css" rel="stylesheet" type="text/css"> <LINK href="style.css" rel="stylesheet" type="text/css">
<title>TC Automotives</title> <title>TC Automotives</title>
<style>
#b1:hover {
background-image: url("resources/car.png");
}
#b2:hover {
background-image: url("resources/sketch.png");
}
#b3:hover {
background-image: url("resources/cogs.png");
}
#b4:hover {
background-image: url("resources/track.png");
}
</style>
<body> <body>
<div id="menu"> <div id="menu">
<div id="buttonholder"> <div id="buttonholder">

6
script.js
View file

@ -1,6 +0,0 @@
function expand() { document.getElementById("bar").style.height = "100%"; }
function collapse() { document.getElementById("bar").style.height = "0px"; }
function myFunction() {
if (document.getElementById('bar').clientHeight == 0) { expand(); }
else { collapse(); }
}

48
style.css
View file

@ -13,8 +13,7 @@ body {
position:fixed; position:fixed;
height:100%; height:100%;
vertical-align:center; vertical-align:center;
width: 15%; width:15%;--300px;
/* --300px; */
left:0; left:0;
border-right:1px solid black; border-right:1px solid black;
background: rgb(160,0,0); background: rgb(160,0,0);
@ -35,7 +34,6 @@ body {
height:auto; height:auto;
width:auto; width:auto;
} }
.button { .button {
width:100%; width:100%;
height:5%; height:5%;
@ -61,20 +59,15 @@ body {
font-size:250%; font-size:250%;
text-shadow: 1px 1px #606060; text-shadow: 1px 1px #606060;
-box-shadow:inset 0 0 100px #000000; -box-shadow:inset 0 0 100px #000000;
cursor: pointer; cursor: pointer; cursor: hand;
cursor: hand; -webkit-user-select: none; /* Chrome/Safari */
-webkit-user-select: none; -moz-user-select: none; /* Firefox */
/* Chrome/Safari */ -ms-user-select: none; /* IE10+ */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+ */
background-repeat:no-repeat; background-repeat:no-repeat;
background-size:100%; background-size:100%;
margin-bottom:-2; margin-bottom:-2;
overflow: hidden; overflow: hidden;
} }
.button:hover { .button:hover {
height:20%; height:20%;
box-shadow:inset 0 0 100px #000000; box-shadow:inset 0 0 100px #000000;
@ -98,10 +91,8 @@ body {
-moz-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out; -o-transition: all 1s ease-out;
transition: all 1s ease-out; transition: all 1s ease-out;
cursor: pointer; cursor: pointer; cursor: hand;
cursor: hand;
} }
#eagle:hover { #eagle:hover {
background-image:url('resources/eagleover.png'); background-image:url('resources/eagleover.png');
} }
@ -143,7 +134,6 @@ body {
transition: all 1s ease-out; transition: all 1s ease-out;
opacity:50%; opacity:50%;
} }
#bar:hover { #bar:hover {
-height:100%; -height:100%;
} }
@ -160,7 +150,6 @@ body {
transition: all 2s ease-out; transition: all 2s ease-out;
opacity:50%; opacity:50%;
} }
#bar2:hover { #bar2:hover {
width:100%; width:100%;
} }
@ -196,12 +185,10 @@ body {
-o-transition: all 1s ease-out; -o-transition: all 1s ease-out;
transition: all 1s ease-out; transition: all 1s ease-out;
} }
#swrapper:hover { #swrapper:hover {
opacity: 0.5; opacity: 0.5;
background-size:55%; background-size:55%;
} }
#panel { #panel {
position:absolute; position:absolute;
margin:auto; margin:auto;
@ -212,12 +199,7 @@ body {
background:black; background:black;
} }
#dropshadowbg { #dropshadowbg {position:absolute;width:100%;height:100%;box-shadow: inset 0 0 200px #000000;}
position: absolute;
width: 100%;
height: 100%;
box-shadow: inset 0 0 200px #000000;
}
#logo { #logo {
position:absolute; position:absolute;
@ -228,19 +210,3 @@ body {
background-image:url("resources/logo.png"); background-image:url("resources/logo.png");
background-repeat:no-repeat; background-repeat:no-repeat;
} }
#b1:hover {
background-image: url("resources/car.png");
}
#b2:hover {
background-image: url("resources/sketch.png");
}
#b3:hover {
background-image: url("resources/cogs.png");
}
#b4:hover {
background-image: url("resources/track.png");
}