Advanced some with the design
Signed-off-by: Gergely POLONKAI (W00d5t0ck) <polesz@w00d5t0ck.info>
This commit is contained in:
parent
f18f8c7f61
commit
9a6c2a503d
@ -4,18 +4,39 @@
|
|||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<title>OpenScrum{% block title %}{% endblock %}</title>
|
<title>OpenScrum{% block title %}{% endblock %}</title>
|
||||||
<link rel="stylesheet" type="text/css" href="{{ asset('skins/default/css/mobile.css') }}" media="handheld" />
|
<link rel="stylesheet" type="text/css" href="{{ asset('skins/default/css/mobile.css') }}" media="handheld" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ asset('skins/default/css/main.css') }}" media="screen" />
|
||||||
<link rel="shortcut icon" href="{{ asset('images/favicon.png') }}" />
|
<link rel="shortcut icon" href="{{ asset('images/favicon.png') }}" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1><a href="{{ path('OpenScrumInfoBundle_homepage') }}"><img src="{{ asset('images/logo.png') }}" alt="OpenScrum.org" /></a></h1>
|
<div id="app-bar-wrapper">
|
||||||
<div id="menu">
|
<div id="app-bar">
|
||||||
<ul>
|
<div id="appbar-siteinfo">
|
||||||
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'about', '_format': 'html' }) }}">About</a></li>
|
<ul>
|
||||||
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'terms', '_format': 'html' }) }}">Terms and Definitions</a></li>
|
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'about', '_format': 'html' }) }}">About</a></li>
|
||||||
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'faq', '_format': 'html'}) }}">FAQ</a></li>
|
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'terms', '_format': 'html' }) }}">Terms and Definitions</a></li>
|
||||||
<li>Buy</li>
|
<li><a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'faq', '_format': 'html'}) }}">FAQ</a></li>
|
||||||
</ul>
|
<li>Buy</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="appbar-search">
|
||||||
|
<input type="text" value="search box" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="appbar-login">
|
||||||
|
Sign In!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="app-bar-padding"></div>
|
||||||
|
</div>
|
||||||
|
<div id="container">
|
||||||
|
<h1><a href="{{ path('OpenScrumInfoBundle_homepage') }}"><img src="{{ asset('images/logo.png') }}" alt="OpenScrum.org" /></a></h1>
|
||||||
|
{% block body %}{% endblock %}
|
||||||
|
</div>
|
||||||
|
<div id="footer-wrapper">
|
||||||
|
<div id="footer-padding"></div>
|
||||||
|
<div id="footer"{% if app.environment == 'dev' %} style="bottom: 40px;"{% endif %}>
|
||||||
|
Copyright © 2012, Gergely POLONKAI :: Privacy Policy :: <a href="{{ path('OpenScrumInfoBundle_infopage', { 'page': 'disclaimers', '_format': 'html' }) }}">Disclaimers</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% block body %}{% endblock %}
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
104
web/skins/default/css/main.css
Normal file
104
web/skins/default/css/main.css
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: Helvetica, Arial, sans;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-bar {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #004e8a;
|
||||||
|
color: #c0ffff;
|
||||||
|
height: 32px;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-search {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-search input {
|
||||||
|
width: 190px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-login {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-search input {
|
||||||
|
border: 0 none;
|
||||||
|
background-color: white;
|
||||||
|
height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app-bar-padding {
|
||||||
|
height: 40px;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 960px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container a {
|
||||||
|
color: #000;
|
||||||
|
font-weight: bold;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-siteinfo {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-siteinfo a {
|
||||||
|
color: #c0ffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-siteinfo ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#appbar-siteinfo ul li {
|
||||||
|
list-style-type: none;
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-wrapper {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer-padding {
|
||||||
|
clear: both;
|
||||||
|
height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
position: fixed;
|
||||||
|
background-color: #333;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
z-index: 70000;
|
||||||
|
width: 100%;
|
||||||
|
padding: 1em;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: center;
|
||||||
|
color: #ccc;
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#footer a {
|
||||||
|
color: #ccc;
|
||||||
|
font-weight: normal;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
float: none;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user