Skip to content

Commit

Permalink
Adding index.html and the CSS
Browse files Browse the repository at this point in the history
  • Loading branch information
@wingman007
wingman007 committed Jan 25, 2013
1 parent e3d4ba3 commit e10c29b
Show file tree
Hide file tree
Showing 6 changed files with 284 additions and 0 deletions.
67 changes: 67 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<title>FMI</title>
<link rel="stylesheet" href="standard_structure.css" media="screen" type="text/css" title="standard_structure" />
</head>
<body>
<div id="wrap">
<div id="wrapInner">
<div id="header"><!-- replace with HTML5 header tag -->
<div class="inside">
<h1>Header</h1>
</div>
</div>
<div id="mainBody"><!-- replace with HTML5 section tag -->
<div id="content">
<div class="inside">
<h1>Content</h1>
</div>
</div>
<div id="navSide"><!-- replace with HTML5 nav tag -->
<div class="inside">
<h1>Navigation</h1>
<div id="navcontainer">
<ul class="navigation">
<li>
<a title="Menu Item 1" href="/index.php?/cms/index/index/artc_id/512">Menu Item 1</a>
<ul>
<li>
<a href="/index.php?/vms-cms/index/index/artc_id/1026">Menu Item 1.1</a>
</li>
<li>
<a title="Menu Item 1.2" href="/index.php?/something/my-account">Menu Item 1.2</a>
<ul>
<li>
<a title="Menu Item 1.2.1" href="/index.php?/something/my-account">Menu Item 1.2.1</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a title="Menu Item 2" href="/index.php?/cms/index/index/artc_id/514">Menu Item 2</a>
</li>
<li>
<a title="Menu Item 3" href="/index.php?/cms/index/index/artc_id/516">Menu Item 3</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="add"><!-- replace with HTML5 aside tag -->
<div class="inside">
<h1>Advertisements</h1>
</div>
</div>
<div id="footer"><!-- replace with HTML5 footer tag -->
<div class="inside">
<h1>Footer</h1>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="standard_structure.js"></script>
</body>
</html>
77 changes: 77 additions & 0 deletions layout.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
@CHARSET "UTF-8";

body, html{
margin: 0;
padding: 0;
}

body {
text-align: center;
background: yellow;
}

#wrap {
width: 960px; /* 80%;*/
margin: auto;
text-align: left;
}

#header {
position: relative;
top: 0;
left: 0;
width:100%;
height: 100px;
background: green;
}

#footer {
clear: both;
width:100%;
height: 60px;
background: cyan;
}

#mainBody {
float: left;
width: 80%;
background: red;
}

#content {
float: right;
width: 80%;
min-height: 300px;
background: brown;
}

#navSide {
float: left;
width: 20%;
/* display: none; */
}

#add {
float: right;
width: 20%;
/* display: none; */
background: blue;
}

#wrapInner {
width: 100%;
margin: auto;
}

#navTop {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
/* height: 30px; */
text-align: center;
}

.inside {
padding: 5px;
}
122 changes: 122 additions & 0 deletions navcontainer.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,122 @@
/*In order to make it work in IE we need to load also */
/* <script type="text/javascript" src="/templates/new/js/dropdownie.js?navElement=navcontainer"></script> */
#navcontainer {
/* background:url(../images/menu_bg.jpg); */
}

#navcontainer ul {
padding: 0;
margin: 0;
list-style: none;
overflow: visible;
z-index: 5;
}

#navcontainer a {
display:block;
/* color:#000000; */
text-align:center;
text-decoration: none;
font-size: 10pt; /*12px = 9pt*/
width: 90px;
height: 51px;
padding-top:20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* background: yellow; */
}

#navcontainer a:visited {
/* color:#000000; */
}

#navcontainer a:hover {
/* background:green url(../images/menu-bg-hvr.gif) no-repeat scroll 0 0; */
/* background: transparent url("../images/nav_center_hover.png") repeat-x scroll 0 0; */
background: white url("../images/nav_center_hover.png") repeat-x scroll 0 0;
color:#954a04;
}

/* Active Menus */
ul li.active a{
/* color:#000; */
}

ul li.active a:visited {
/* color:#000; */
}

ul li.active a:hover {
/* color:#000; */
}

/*If we need different settings for the pop-up menus*/
#navcontainer li ul a {
display:block;
/* color:#000000; */
text-align:center;
text-decoration: none;
font-size: 10pt;
width: 120px; /* auto; */
height: 30px; /* auto; */
padding-top:15px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
/* border-top: 1px solid #aaaaaa; */
border-bottom: 1px solid #aaaaaa;
background: #eeeeee; /* Here you change the background color of the popup menu*/
}

#navcontainer li ul a:visited {
/* color:#000000; */
}

#navcontainer li ul a:hover {
background:#aaaaaa; /* url(../images/menu-bg-hvr.gif); */
color:#954a04;
}
/* End of popup menu*/

/* this makes the menu to become horizontal */
#navcontainer li {
float: left;
width: 95px;
}

/* for the next level we move it to the right "indent" Controls how far right are the next menus
Bigger number more right
the longest situation was margin: -1em 0 0 8em; - it was working for ALL LEVELS PERFECT
-2.2em 0 0 8em; the first number controls the vertila position bigger negative numbers higher will be the next level
*/
#navcontainer li ul { /* the first number moves the second level up verticaly and down, thest number moves left right horizontaly*/
margin: -0.8em 0 0 0;
}
#navcontainer li ul ul {
margin: -2.5em 0 0 8.5em;
}
#navcontainer li ul ul ul{
margin: -2.5em 0 0 8.5em;
}
#navcontainer li ul ul ul ul{
margin: -2.5em 0 0 8.5em;
}
#navcontainer li ul ul ul ul ul{
margin: -2.5em 0 0 8.5em;
}

/* We starting to hide them now this moves the lists very far left*/
#navcontainer li ul {
position: absolute;
width: 10em;
left: -999em;
}

#navcontainer li:hover ul ul, #navcontainer li:hover ul ul ul, #navcontainer li:hover ul ul ul ul, #navcontainer li.sfhover ul ul, #navcontainer li.sfhover ul ul ul, #navcontainer li.sfhover ul ul ul ul {
left: -999em;
}

/* this brings the list back Can be done only with one expression
this and the javascript is for IE The java script attaches class sfhover to li*/
#navcontainer li:hover ul, #navcontainer li li:hover ul, #navcontainer li li li:hover ul, #navcontainer li li li li:hover ul, #navcontainer li.sfhover ul, #navcontainer li li.sfhover ul, #navcontainer li li li.sfhover ul, #navcontainer li li li li.sfhover ul {
left: auto;
z-index: 1000;
}

7 changes: 7 additions & 0 deletions standard_structure.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
@import url("layout.css");
@import url("navcontainer.css");
@import url("typography.css");
/*
@import url("custom.css");
@import url("tables.css");
*/
3 changes: 3 additions & 0 deletions standard_structure.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
window.onload = function(e) {
alert('Hello World!');
}
8 changes: 8 additions & 0 deletions typography.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
@font-face {
font-family: "Trebuchet MS";
src: url("../fonts/trebuc.ttf");
}

body {
font: normal normal normal 9pt/105% "Trebuchet MS", Arial, Helvetica, sans-serif; /*"Trebuchet MS",*/
}

0 comments on commit e10c29b

Please sign in to comment.